#558387

#558387

Color Values

HEX

#558387

RGB

85, 131, 135

HSL

184.8, 22.7%, 43.1%

HSV

184.8, 37.0%, 52.9%

CMYK

37.0%, 3.0%, 0.0%, 47.1%

OKLCH

0.5784 0.0505 202.8

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#558387

#875955

Analogous

#558772

#556A87

#558387

Triadic

#558387

#875583

#838755

Split Complementary

#558387

#87556A

#877255

Tetradic

#558387

#725587

#875955

#6A8755

Color Blindness Simulation

Original

#558387

Protanopia

#696986

Deuteranopia

#666386

Tritanopia

#578585

Achromatopsia

#7A7A7A

CSS Usage

background-color: #558387;
color: #558387;
border-color: #558387;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F9F9
100
#EAF0F1
200
#D3E2E3
300
#B4CDD0
400
#8BB3B6
500
#63989C
600
#4F797D
700
#3F6164
800
#314C4E
900
#27393A
950
#182425

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

4.98:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026