#575660

#575660

Color Values

HEX

#575660

RGB

87, 86, 96

HSL

246.0, 5.5%, 35.7%

HSV

246.0, 10.4%, 37.6%

CMYK

9.4%, 10.4%, 0.0%, 62.4%

OKLCH

0.4577 0.0161 290.3

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#575660

#5F6056

Analogous

#565A60

#5C5660

#575660

Triadic

#575660

#605756

#566057

Split Complementary

#575660

#605C56

#5A6056

Tetradic

#575660

#60565A

#5F6056

#56605C

Color Blindness Simulation

Original

#575660

Protanopia

#57575E

Deuteranopia

#57575D

Tritanopia

#575C5B

Achromatopsia

#575757

CSS Usage

background-color: #575660;
color: #575660;
border-color: #575660;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#DAD9DD
300
#BFBEC5
400
#9C9BA6
500
#7A7887
600
#62606C
700
#4E4D56
800
#3D3C43
900
#2F2E33
950
#1D1D20

Contrast Checker

Text on white

7.23:1

AA Pass AAA Pass

Text on black

2.91: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