#564E2F

#564E2F

Color Values

HEX

#564E2F

RGB

86, 78, 47

HSL

47.7, 29.3%, 26.1%

HSV

47.7, 45.3%, 33.7%

CMYK

0.0%, 9.3%, 45.3%, 66.3%

OKLCH

0.4236 0.0479 95.4

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#564E2F

#2F3756

Analogous

#563B2F

#4B562F

#564E2F

Triadic

#564E2F

#2F564E

#4E2F56

Split Complementary

#564E2F

#2F4B56

#3B2F56

Tetradic

#564E2F

#2F563B

#2F3756

#562F4B

Color Blindness Simulation

Original

#564E2F

Protanopia

#535236

Deuteranopia

#535438

Tritanopia

#563C3E

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2F0E9
200
#E6E1D1
300
#D4CCB0
400
#BCB185
500
#A5965A
600
#847848
700
#6A603A
800
#524B2D
900
#3D3824
950
#272317

Contrast Checker

Text on white

8.31:1

AA Pass AAA Pass

Text on black

2.53:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026