#564F33

#564F33

Color Values

HEX

#564F33

RGB

86, 79, 51

HSL

48.0, 25.5%, 26.9%

HSV

48.0, 40.7%, 33.7%

CMYK

0.0%, 8.1%, 40.7%, 66.3%

OKLCH

0.4268 0.0437 95.8

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#564F33

#333A56

Analogous

#563E33

#4C5633

#564F33

Triadic

#564F33

#33564F

#4F3356

Split Complementary

#564F33

#334C56

#3E3356

Tetradic

#564F33

#33563E

#333A56

#56334C

Color Blindness Simulation

Original

#564F33

Protanopia

#53533A

Deuteranopia

#53543B

Tritanopia

#563F40

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFE9
200
#E4E1D2
300
#D1CBB2
400
#B9AF89
500
#A0935F
600
#80764C
700
#665E3D
800
#504A2F
900
#3C3725
950
#262318

Contrast Checker

Text on white

8.2:1

AA Pass AAA Pass

Text on black

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