#576067

#576067

Color Values

HEX

#576067

RGB

87, 96, 103

HSL

206.2, 8.4%, 37.3%

HSV

206.2, 15.5%, 40.4%

CMYK

15.5%, 6.8%, 0.0%, 59.6%

OKLCH

0.4837 0.0159 241.2

Properties

Cool Dark Nearest: NCS S 6000-N Medium Dark Grey

Color Harmonies

Complementary

#576067

#675E57

Analogous

#576766

#575867

#576067

Triadic

#576067

#675760

#606757

Split Complementary

#576067

#675758

#676657

Tetradic

#576067

#665767

#675E57

#586757

Color Blindness Simulation

Original

#576067

Protanopia

#5B5B65

Deuteranopia

#5A5A65

Tritanopia

#576464

Achromatopsia

#5F5F5F

CSS Usage

background-color: #576067;
color: #576067;
border-color: #576067;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D8DCDE
300
#BDC2C7
400
#99A2A9
500
#75818A
600
#5D676F
700
#4B5258
800
#3A4045
900
#2D3134
950
#1C1F21

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

3.27:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026