#564D52

#564D52

Color Values

HEX

#564D52

RGB

86, 77, 82

HSL

326.7, 5.5%, 32.0%

HSV

326.7, 10.5%, 33.7%

CMYK

0.0%, 10.5%, 4.7%, 66.3%

OKLCH

0.4308 0.0143 343.1

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#564D52

#4D5651

Analogous

#564D56

#564D4E

#564D52

Triadic

#564D52

#52564D

#4D5256

Split Complementary

#564D52

#4E564D

#4D5656

Tetradic

#564D52

#56564D

#4D5651

#4D4E56

Color Blindness Simulation

Original

#564D52

Protanopia

#525251

Deuteranopia

#535350

Tritanopia

#565050

Achromatopsia

#4F4F4F

CSS Usage

background-color: #564D52;
color: #564D52;
border-color: #564D52;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DDD9DC
300
#C5BEC2
400
#A69BA1
500
#877880
600
#6C6067
700
#564D52
800
#433C40
900
#332E31
950
#201D1F

Contrast Checker

Text on white

8.14:1

AA Pass AAA Pass

Text on black

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