#576B75

#576B75

Color Values

HEX

#576B75

RGB

87, 107, 117

HSL

200.0, 14.7%, 40.0%

HSV

200.0, 25.6%, 45.9%

CMYK

25.6%, 8.5%, 0.0%, 54.1%

OKLCH

0.5151 0.0287 229.6

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#576B75

#756157

Analogous

#577570

#575C75

#576B75

Triadic

#576B75

#75576B

#6B7557

Split Complementary

#576B75

#75575C

#757057

Tetradic

#576B75

#705775

#756157

#5C7557

Color Blindness Simulation

Original

#576B75

Protanopia

#606073

Deuteranopia

#5E5D72

Tritanopia

#587170

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEEEF
200
#D6DDE1
300
#B9C5CB
400
#93A5AF
500
#6D8692
600
#576B75
700
#46565E
800
#364349
900
#2A3337
950
#1B2023

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

3.77:1

AA Fail 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