#564B45

#564B45

Color Values

HEX

#564B45

RGB

86, 75, 69

HSL

21.2, 11.0%, 30.4%

HSV

21.2, 19.8%, 33.7%

CMYK

0.0%, 12.8%, 19.8%, 66.3%

OKLCH

0.4219 0.0178 50.5

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#564B45

#455056

Analogous

#564547

#565445

#564B45

Triadic

#564B45

#45564B

#4B4556

Split Complementary

#564B45

#455654

#454756

Tetradic

#564B45

#475645

#455056

#544556

Color Blindness Simulation

Original

#564B45

Protanopia

#515146

Deuteranopia

#525347

Tritanopia

#554848

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#DFDAD7
300
#C9C0BB
400
#AB9E96
500
#8E7B71
600
#71635B
700
#5B4F49
800
#473E39
900
#352F2C
950
#221E1C

Contrast Checker

Text on white

8.44:1

AA Pass AAA Pass

Text on black

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