#574D56

#574D56

Color Values

HEX

#574D56

RGB

87, 77, 86

HSL

306.0, 6.1%, 32.2%

HSV

306.0, 11.5%, 34.1%

CMYK

0.0%, 11.5%, 1.1%, 65.9%

OKLCH

0.4333 0.0195 329.1

Properties

Warm Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#574D56

#4D574E

Analogous

#534D57

#574D51

#574D56

Triadic

#574D56

#56574D

#4D5657

Split Complementary

#574D56

#51574D

#4D5753

Tetradic

#574D56

#57534D

#4D574E

#4D5157

Color Blindness Simulation

Original

#574D56

Protanopia

#535354

Deuteranopia

#535453

Tritanopia

#565252

Achromatopsia

#505050

CSS Usage

background-color: #574D56;
color: #574D56;
border-color: #574D56;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DDD9DD
300
#C6BEC5
400
#A69BA5
500
#877886
600
#6C606B
700
#574D56
800
#443C43
900
#332E33
950
#201D20

Contrast Checker

Text on white

8.07:1

AA Pass AAA Pass

Text on black

2.6:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026