color #557CA8 | Chroma Seek

#557CA8

Color Information

Hex Code

#557CA8

RGB

85, 124, 168

HSL

212°, 33%, 50%

CSS

#557CA8

Color Tints

Lighter variations of #557CA8

#557CA8

#6689B1

10%

#7796B9

20%

#88A3C2

30%

#99B0CB

40%

#AABED4

50%

#BBCBDC

60%

#CCD8E5

70%

#DDE5EE

80%

#EEF2F6

90%

#FFFFFF

100%

Color Shades

Darker variations of #557CA8

#557CA8

#4D7097

10%

#446386

20%

#3B5776

30%

#334A65

40%

#2B3E54

50%

#223243

60%

#1A2532

70%

#111922

80%

#090C11

90%

#000000

100%

Related Colors

Complementary Color

#AA8255

Opposite on color wheel

Split-Complementary Colors

#AA5855, #A7AA55

Adjacent to complementary color

Analogous Colors

#55A7AA, #5855AA

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AA557D, #7DAA55

Three colors equally spaced (120° apart)

Tetradic Colors

#8255AA, #AA8255, #7DAA55

Rectangle on color wheel (90° apart)

Square Colors

#AA55A7, #AA8255, #55AA58

Four colors equally spaced (90° apart)

Monochromatic Variations

#DDE5EE, #99B1CC, #334B66, #111922

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#557CA8

#55AA97

#6D55AA

#AA8255

#A7AA55

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

Triadic + Accent

#557CA8

#AA557D

#7DAA55

#B499CC

#33664E

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

Monochromatic + Split Complementary

#557CA8

#AABED4

#2B3E55

#AA5855

#A7AA55

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

#557CA8

RGB Values

85, 124, 168

HSL Values

212°, 33%, 50%