#575F46

#575F46

Color Values

HEX

#575F46

RGB

87, 95, 70

HSL

79,2, 15,2%, 32,4%

HSV

79,2, 26,3%, 37,3%

CMYK

8,4%, 0,0%, 26,3%, 62,7%

OKLCH

0,4712 0,0399 122,3

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#575F46

#4E465F

Analogous

#5F5B46

#4B5F46

#575F46

Triadic

#575F46

#46575F

#5F4657

Split Complementary

#575F46

#464B5F

#5B465F

Tetradic

#575F46

#465F5B

#4E465F

#5F464B

Color Blindness Simulation

Original

#575F46

Protanopia

#5A5B4C

Deuteranopia

#5A594E

Tritanopia

#575152

Achromatopsia

#5B5B5B

CSS Usage

background-color: #575F46;
color: #575F46;
border-color: #575F46;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DDE1D6
300
#C5CBB8
400
#A6AF92
500
#86936C
600
#6C7656
700
#565E45
800
#434936
900
#33372A
950
#20231A

Contrast Checker

Text on white

6,71:1

AA Pass AAA Fail

Text on black

3,13: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