#574D47

#574D47

Color Values

HEX

#574D47

RGB

87, 77, 71

HSL

22.5, 10.1%, 31.0%

HSV

22.5, 18.4%, 34.1%

CMYK

0.0%, 11.5%, 18.4%, 65.9%

OKLCH

0.4282 0.0166 53.0

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#574D47

#475157

Analogous

#574749

#575547

#574D47

Triadic

#574D47

#47574D

#4D4757

Split Complementary

#574D47

#475755

#474957

Tetradic

#574D47

#495747

#475157

#554757

Color Blindness Simulation

Original

#574D47

Protanopia

#535348

Deuteranopia

#535449

Tritanopia

#564A4A

Achromatopsia

#4F4F4F

CSS Usage

background-color: #574D47;
color: #574D47;
border-color: #574D47;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F7
100
#EFEDEC
200
#DFDAD8
300
#C8C0BC
400
#AA9E97
500
#8C7C73
600
#70635C
700
#5A5049
800
#463E39
900
#352F2C
950
#211E1C

Contrast Checker

Text on white

8.21:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026