#574F51

#574F51

Color Values

HEX

#574F51

RGB

87, 79, 81

HSL

345.0, 4.8%, 32.5%

HSV

345.0, 9.2%, 34.1%

CMYK

0.0%, 9.2%, 6.9%, 65.9%

OKLCH

0.4361 0.011 0.6

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#574F51

#4F5755

Analogous

#574F55

#57514F

#574F51

Triadic

#574F51

#51574F

#4F5157

Split Complementary

#574F51

#4F5751

#4F5557

Tetradic

#574F51

#55574F

#4F5755

#514F57

Color Blindness Simulation

Original

#574F51

Protanopia

#545351

Deuteranopia

#545550

Tritanopia

#575050

Achromatopsia

#515151

CSS Usage

background-color: #574F51;
color: #574F51;
border-color: #574F51;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DDDADA
300
#C5BFC0
400
#A59C9E
500
#86797C
600
#6B6164
700
#564E50
800
#433D3E
900
#332E2F
950
#201D1E

Contrast Checker

Text on white

7.95:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026