color #5A8CE2 | Chroma Seek

#5A8CE2

Color Information

Hex Code

#5A8CE2

RGB

90, 140, 226

HSL

218°, 70%, 62%

CSS

#5A8CE2

Color Tints

Lighter variations of #5A8CE2

#5A8CE2

#6B98E5

10%

#7BA3E8

20%

#8CAFEB

30%

#9CBAEE

40%

#ADC6F1

50%

#BDD1F3

60%

#CEDDF6

70%

#DEE8F9

80%

#EFF4FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #5A8CE2

#5A8CE2

#517ECB

10%

#4870B5

20%

#3F629E

30%

#365488

40%

#2D4671

50%

#24385A

60%

#1B2A44

70%

#121C2D

80%

#090E17

90%

#000000

100%

Related Colors

Complementary Color

#E2B05A

Opposite on color wheel

Split-Complementary Colors

#E26C5A, #D0E25A

Adjacent to complementary color

Analogous Colors

#5AD0E2, #6C5AE2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E25A8C, #8CE25A

Three colors equally spaced (120° apart)

Tetradic Colors

#B05AE2, #E2B05A, #8CE25A

Rectangle on color wheel (90° apart)

Square Colors

#E25AD0, #E2B05A, #5AE26C

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B1C9F1, #2057B6, #112E5F

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #5A8CE2. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#5A8CE2

#5AE2D2

#8E5AE2

#E2B05A

#D0E25A

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#5A8CE2

#E25A8C

#8CE25A

#D6A8F0

#20B67F

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#5A8CE2

#BED2F4

#1C4DA0

#E26C5A

#D0E25A

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#5A8CE2

RGB Values

90, 140, 226

HSL Values

218°, 70%, 62%