#564C55

#564C55

Color Values

HEX

#564C55

RGB

86, 76, 85

HSL

306.0, 6.2%, 31.8%

HSV

306.0, 11.6%, 33.7%

CMYK

0.0%, 11.6%, 1.2%, 66.3%

OKLCH

0.4296 0.0195 329.1

Properties

Warm Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#564C55

#4C564D

Analogous

#524C56

#564C50

#564C55

Triadic

#564C55

#55564C

#4C5556

Split Complementary

#564C55

#50564C

#4C5652

Tetradic

#564C55

#56524C

#4C564D

#4C5056

Color Blindness Simulation

Original

#564C55

Protanopia

#525253

Deuteranopia

#525352

Tritanopia

#565151

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

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