#575F48

#575F48

Color Values

HEX

#575F48

RGB

87, 95, 72

HSL

80.9, 13.8%, 32.7%

HSV

80.9, 24.2%, 37.3%

CMYK

8.4%, 0.0%, 24.2%, 62.7%

OKLCH

0.4717 0.0371 123.4

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#575F48

#50485F

Analogous

#5F5B48

#4B5F48

#575F48

Triadic

#575F48

#48575F

#5F4857

Split Complementary

#575F48

#484B5F

#5B485F

Tetradic

#575F48

#485F5B

#50485F

#5F484B

Color Blindness Simulation

Original

#575F48

Protanopia

#5A5B4E

Deuteranopia

#5A594F

Tritanopia

#575253

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DDE0D6
300
#C4CAB9
400
#A5AE94
500
#85916E
600
#6A7458
700
#555D46
800
#424937
900
#32362A
950
#20221B

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

3.14:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026