color #5F7EA6 | Chroma Seek

#5F7EA6

Color Information

Hex Code

#5F7EA6

RGB

95, 126, 166

HSL

214°, 29%, 51%

CSS

#5F7EA6

Color Tints

Lighter variations of #5F7EA6

#5F7EA6

#6F8BAF

10%

#7F98B8

20%

#8FA5C1

30%

#9FB2CA

40%

#AFBFD3

50%

#BFCBDB

60%

#CFD8E4

70%

#DFE5ED

80%

#EFF2F6

90%

#FFFFFF

100%

Color Shades

Darker variations of #5F7EA6

#5F7EA6

#567195

10%

#4C6585

20%

#435874

30%

#394C64

40%

#303F53

50%

#263242

60%

#1D2632

70%

#131921

80%

#0A0D11

90%

#000000

100%

Related Colors

Complementary Color

#A6875E

Opposite on color wheel

Split-Complementary Colors

#A6635E, #A1A65E

Adjacent to complementary color

Analogous Colors

#5EA1A6, #635EA6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#A65E7D, #7DA65E

Three colors equally spaced (120° apart)

Tetradic Colors

#875EA6, #A6875E, #7DA65E

Rectangle on color wheel (90° apart)

Square Colors

#A65EA1, #A6875E, #5EA663

Four colors equally spaced (90° apart)

Monochromatic Variations

#E1E7EF, #A0B2CA, #384C66, #141B24

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5F7EA6

#5EA699

#755EA6

#A6875E

#A1A65E

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

Triadic + Accent

#5F7EA6

#A65E7D

#7DA65E

#B8A0CA

#386652

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

Monochromatic + Split Complementary

#5F7EA6

#B0BFD4

#2F4056

#A6635E

#A1A65E

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

#5F7EA6

RGB Values

95, 126, 166

HSL Values

214°, 29%, 51%