#574D49

#574D49

Color Values

HEX

#574D49

RGB

87, 77, 73

HSL

17.1, 8.8%, 31.4%

HSV

17.1, 16.1%, 34.1%

CMYK

0.0%, 11.5%, 16.1%, 65.9%

OKLCH

0.4288 0.015 43.1

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#574D49

#495357

Analogous

#57494C

#575449

#574D49

Triadic

#574D49

#49574D

#4D4957

Split Complementary

#574D49

#495754

#494C57

Tetradic

#574D49

#4C5749

#495357

#544957

Color Blindness Simulation

Original

#574D49

Protanopia

#53534A

Deuteranopia

#53544A

Tritanopia

#564B4B

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDAD8
300
#C7BFBC
400
#A99D98
500
#8B7B74
600
#6F625D
700
#594F4A
800
#453D3A
900
#342F2D
950
#211E1C

Contrast Checker

Text on white

8.19: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