#574F49

#574F49

Color Values

HEX

#574F49

RGB

87, 79, 73

HSL

25.7, 8.8%, 31.4%

HSV

25.7, 16.1%, 34.1%

CMYK

0.0%, 9.2%, 16.1%, 65.9%

OKLCH

0.4335 0.0144 59.3

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#574F49

#495157

Analogous

#57494A

#575649

#574F49

Triadic

#574F49

#49574F

#4F4957

Split Complementary

#574F49

#495756

#494A57

Tetradic

#574F49

#4A5749

#495157

#564957

Color Blindness Simulation

Original

#574F49

Protanopia

#54534A

Deuteranopia

#54554B

Tritanopia

#574C4C

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDBD8
300
#C7C1BC
400
#A99F98
500
#8B7E74
600
#6F655D
700
#59514A
800
#453F3A
900
#34302D
950
#211E1C

Contrast Checker

Text on white

8.02:1

AA Pass AAA Pass

Text on black

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