color #5F8AC2 | Chroma Seek

#5F8AC2

Color Information

Hex Code

#5F8AC2

RGB

95, 138, 194

HSL

214°, 45%, 57%

CSS

#5F8AC2

Color Tints

Lighter variations of #5F8AC2

#5F8AC2

#6F96C8

10%

#7FA1CE

20%

#8FADD4

30%

#9FB9DA

40%

#AFC5E1

50%

#BFD0E7

60%

#CFDCED

70%

#DFE8F3

80%

#EFF3F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #5F8AC2

#5F8AC2

#567CAF

10%

#4C6E9B

20%

#436188

30%

#395374

40%

#304561

50%

#26374E

60%

#1D293A

70%

#131C27

80%

#0A0E13

90%

#000000

100%

Related Colors

Complementary Color

#C39860

Opposite on color wheel

Split-Complementary Colors

#C36760, #BCC360

Adjacent to complementary color

Analogous Colors

#60BCC3, #6760C3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C3608B, #8BC360

Three colors equally spaced (120° apart)

Tetradic Colors

#9860C3, #C39860, #8BC360

Rectangle on color wheel (90° apart)

Square Colors

#C360BC, #C39860, #60C367

Four colors equally spaced (90° apart)

Monochromatic Variations

#F4F7FB, #AAC1DF, #345989, #18293F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5F8AC2

#60C3B1

#7F60C3

#C39860

#BCC360

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

Triadic + Accent

#5F8AC2

#C3608B

#8BC360

#C8AADF

#348964

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

Monochromatic + Split Complementary

#5F8AC2

#BCCEE6

#2D4D76

#C36760

#BCC360

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

#5F8AC2

RGB Values

95, 138, 194

HSL Values

214°, 45%, 57%