#564F4B

#564F4B

Color Values

HEX

#564F4B

RGB

86, 79, 75

HSL

21.8, 6.8%, 31.6%

HSV

21.8, 12.8%, 33.7%

CMYK

0.0%, 8.1%, 12.8%, 66.3%

OKLCH

0.4331 0.0114 51.9

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#564F4B

#4B5256

Analogous

#564B4D

#56554B

#564F4B

Triadic

#564F4B

#4B564F

#4F4B56

Split Complementary

#564F4B

#4B5655

#4B4D56

Tetradic

#564F4B

#4D564B

#4B5256

#554B56

Color Blindness Simulation

Original

#564F4B

Protanopia

#53534C

Deuteranopia

#53544C

Tritanopia

#564D4D

Achromatopsia

#505050

CSS Usage

background-color: #564F4B;
color: #564F4B;
border-color: #564F4B;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDBD9
300
#C6C1BE
400
#A79F9A
500
#887D77
600
#6D645F
700
#57504C
800
#443F3B
900
#33302D
950
#201E1D

Contrast Checker

Text on white

8.03:1

AA Pass AAA Pass

Text on black

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