#564951

#564951

Color Values

HEX

#564951

RGB

86, 73, 81

HSL

323.1, 8.2%, 31.2%

HSV

323.1, 15.1%, 33.7%

CMYK

0.0%, 15.1%, 5.8%, 66.3%

OKLCH

0.4214 0.0215 340.6

Properties

Warm Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#564951

#49564E

Analogous

#554956

#56494B

#564951

Triadic

#564951

#515649

#495156

Split Complementary

#564951

#4B5649

#495655

Tetradic

#564951

#565549

#49564E

#494B56

Color Blindness Simulation

Original

#564951

Protanopia

#50504F

Deuteranopia

#51524F

Tritanopia

#554E4D

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DED8DC
300
#C7BDC3
400
#A899A2
500
#8A7582
600
#6E5E68
700
#584B53
800
#453B41
900
#342D31
950
#211C1F

Contrast Checker

Text on white

8.51:1

AA Pass AAA Pass

Text on black

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