#5D3C12

#5D3C12

Color Values

HEX

#5D3C12

RGB

93, 60, 18

HSL

33.6, 67.6%, 21.8%

HSV

33.6, 80.6%, 36.5%

CMYK

0.0%, 35.5%, 80.6%, 63.5%

OKLCH

0.3865 0.0724 68.6

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#5D3C12

#12335D

Analogous

#5D1712

#595D12

#5D3C12

Triadic

#5D3C12

#125D3C

#3C125D

Split Complementary

#5D3C12

#12595D

#17125D

Tetradic

#5D3C12

#125D17

#12335D

#5D1259

Color Blindness Simulation

Original

#5D3C12

Protanopia

#4F4E1C

Deuteranopia

#51531F

Tritanopia

#5B2426

Achromatopsia

#404040

CSS Usage

background-color: #5D3C12;
color: #5D3C12;
border-color: #5D3C12;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DEC3
300
#EBC798
400
#E0A861
500
#D68A29
600
#AB6E21
700
#89581A
800
#6B4515
900
#4E3413
950
#31210C

Contrast Checker

Text on white

9.9:1

AA Pass AAA Pass

Text on black

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