#564646

#564646

Color Values

HEX

#564646

RGB

86, 70, 70

HSL

0.0, 10.3%, 30.6%

HSV

0.0, 18.6%, 33.7%

CMYK

0.0%, 18.6%, 18.6%, 66.3%

OKLCH

0.4108 0.0219 18.1

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#564646

#465656

Analogous

#56464E

#564E46

#564646

Triadic

#564646

#465646

#464656

Split Complementary

#564646

#46564E

#464E56

Tetradic

#564646

#4E5646

#465656

#4E4656

Color Blindness Simulation

Original

#564646

Protanopia

#4F4F46

Deuteranopia

#505146

Tritanopia

#554646

Achromatopsia

#494949

CSS Usage

background-color: #564646;
color: #564646;
border-color: #564646;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8D8
300
#C8BBBB
400
#AA9797
500
#8D7272
600
#715B5B
700
#5A4949
800
#463939
900
#352C2C
950
#211C1C

Contrast Checker

Text on white

8.9:1

AA Pass AAA Pass

Text on black

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