#564D2D

#564D2D

Color Values

HEX

#564D2D

RGB

86, 77, 45

HSL

46.8, 31.3%, 25.7%

HSV

46.8, 47.7%, 33.7%

CMYK

0.0%, 10.5%, 47.7%, 66.3%

OKLCH

0.4208 0.0495 94.2

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#564D2D

#2D3656

Analogous

#56392D

#4B562D

#564D2D

Triadic

#564D2D

#2D564D

#4D2D56

Split Complementary

#564D2D

#2D4B56

#392D56

Tetradic

#564D2D

#2D5639

#2D3656

#562D4B

Color Blindness Simulation

Original

#564D2D

Protanopia

#525235

Deuteranopia

#535337

Tritanopia

#563B3C

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2F0E8
200
#E6E2D0
300
#D5CDAF
400
#BEB183
500
#A79658
600
#867846
700
#6B6038
800
#544B2C
900
#3E3823
950
#272316

Contrast Checker

Text on white

8.42:1

AA Pass AAA Pass

Text on black

2.5:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026