color #5A7DCE | Chroma Seek

#5A7DCE

Color Information

Hex Code

#5A7DCE

RGB

90, 125, 206

HSL

222°, 54%, 58%

CSS

#5A7DCE

Color Tints

Lighter variations of #5A7DCE

#5A7DCE

#6B8AD3

10%

#7B97D8

20%

#8CA4DD

30%

#9CB1E2

40%

#ADBEE7

50%

#BDCBEB

60%

#CED8F0

70%

#DEE5F5

80%

#EFF2FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #5A7DCE

#5A7DCE

#5171B9

10%

#4864A5

20%

#3F5890

30%

#364B7C

40%

#2D3F67

50%

#243252

60%

#1B263E

70%

#121929

80%

#090D15

90%

#000000

100%

Related Colors

Complementary Color

#CEAB5A

Opposite on color wheel

Split-Complementary Colors

#CE715A, #B7CE5A

Adjacent to complementary color

Analogous Colors

#5AB7CE, #715ACE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CE5A7D, #7DCE5A

Three colors equally spaced (120° apart)

Tetradic Colors

#AB5ACE, #CEAB5A, #7DCE5A

Rectangle on color wheel (90° apart)

Square Colors

#CE5AB7, #CEAB5A, #5ACE71

Four colors equally spaced (90° apart)

Monochromatic Variations

#F7F9FD, #A9BBE5, #2D4C95, #152447

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5A7DCE

#5ACEC8

#8E5ACE

#CEAB5A

#B7CE5A

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

Triadic + Accent

#5A7DCE

#CE5A7D

#7DCE5A

#D3A9E5

#2D9576

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

Monochromatic + Split Complementary

#5A7DCE

#BCCAEB

#274282

#CE715A

#B7CE5A

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

#5A7DCE

RGB Values

90, 125, 206

HSL Values

222°, 54%, 58%