#564853

#564853

Color Values

HEX

#564853

RGB

86, 72, 83

HSL

312.9, 8.9%, 31.0%

HSV

312.9, 16.3%, 33.7%

CMYK

0.0%, 16.3%, 3.5%, 66.3%

OKLCH

0.4199 0.0257 333.4

Properties

Warm Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#564853

#48564B

Analogous

#524856

#56484C

#564853

Triadic

#564853

#535648

#485356

Split Complementary

#564853

#4C5648

#485652

Tetradic

#564853

#565248

#48564B

#484C56

Color Blindness Simulation

Original

#564853

Protanopia

#505050

Deuteranopia

#515250

Tritanopia

#554E4E

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DED8DD
300
#C7BCC5
400
#A998A5
500
#8B7486
600
#6F5D6B
700
#594A56
800
#453A43
900
#342D33
950
#211C20

Contrast Checker

Text on white

8.58:1

AA Pass AAA Pass

Text on black

2.45:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026