#5D3316

#5D3316

Color Values

HEX

#5D3316

RGB

93, 51, 22

HSL

24.5, 61.7%, 22.5%

HSV

24.5, 76.3%, 36.5%

CMYK

0.0%, 45.2%, 76.3%, 63.5%

OKLCH

0.3683 0.0735 52.8

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#5D3316

#16405D

Analogous

#5D161C

#5D5616

#5D3316

Triadic

#5D3316

#165D33

#33165D

Split Complementary

#5D3316

#165D56

#161C5D

Tetradic

#5D3316

#1C5D16

#16405D

#56165D

Color Blindness Simulation

Original

#5D3316

Protanopia

#4B4A1D

Deuteranopia

#4D501F

Tritanopia

#5B2324

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FBF7F3
100
#F7EBE4
200
#F1D7C5
300
#E8BB9C
400
#DB9666
500
#CE7131
600
#A55A27
700
#84481F
800
#673918
900
#4B2C16
950
#301B0E

Contrast Checker

Text on white

10.77:1

AA Pass AAA Pass

Text on black

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