color #558A7D | Chroma Seek

#558A7D

Color Information

Hex Code

#558A7D

RGB

85, 138, 125

HSL

165°, 24%, 44%

CSS

#558A7D

Color Tints

Lighter variations of #558A7D

#558A7D

#66968A

10%

#77A197

20%

#88ADA4

30%

#99B9B1

40%

#AAC5BE

50%

#BBD0CB

60%

#CCDCD8

70%

#DDE8E5

80%

#EEF3F2

90%

#FFFFFF

100%

Color Shades

Darker variations of #558A7D

#558A7D

#4D7C71

10%

#446E64

20%

#3B6158

30%

#33534B

40%

#2B453F

50%

#223732

60%

#1A2926

70%

#111C19

80%

#090E0D

90%

#000000

100%

Related Colors

Complementary Color

#8B5563

Opposite on color wheel

Split-Complementary Colors

#8B557E, #8B6355

Adjacent to complementary color

Analogous Colors

#558B63, #557E8B

Adjacent colors on color wheel (30° apart)

Triadic Colors

#7E558B, #8B7E55

Three colors equally spaced (120° apart)

Tetradic Colors

#55638B, #8B5563, #8B7E55

Rectangle on color wheel (90° apart)

Square Colors

#63558B, #8B5563, #7E8B55

Four colors equally spaced (90° apart)

Monochromatic Variations

#CCE0DB, #8DB9AE, #2F4C45, #080D0B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#558A7D

#558B55

#55708B

#8B5563

#8B6355

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

Triadic + Accent

#558A7D

#7E558B

#8B7E55

#8D98B9

#364C2F

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

Monochromatic + Split Complementary

#558A7D

#9DC3B9

#253C36

#8B557E

#8B6355

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

#558A7D

RGB Values

85, 138, 125

HSL Values

165°, 24%, 44%