#5B4022

#5B4022

Color Values

HEX

#5B4022

RGB

91, 64, 34

HSL

31.6, 45.6%, 24.5%

HSV

31.6, 62.6%, 35.7%

CMYK

0.0%, 29.7%, 62.6%, 64.3%

OKLCH

0.3946 0.0581 67.7

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#5B4022

#223D5B

Analogous

#5B2422

#595B22

#5B4022

Triadic

#5B4022

#225B40

#40225B

Split Complementary

#5B4022

#22595B

#24225B

Tetradic

#5B4022

#225B24

#223D5B

#5B2259

Color Blindness Simulation

Original

#5B4022

Protanopia

#4F4F29

Deuteranopia

#51532B

Tritanopia

#5A2F30

Achromatopsia

#444444

CSS Usage

background-color: #5B4022;
color: #5B4022;
border-color: #5B4022;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDCCB
300
#DEC3A6
400
#CCA376
500
#BA8345
600
#956837
700
#77542C
800
#5D4123
900
#44321D
950
#2B1F12

Contrast Checker

Text on white

9.54:1

AA Pass AAA Pass

Text on black

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