#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026