#5D3F12

#5D3F12

Color Values

HEX

#5D3F12

RGB

93, 63, 18

HSL

36.0, 67.6%, 21.8%

HSV

36.0, 80.6%, 36.5%

CMYK

0.0%, 32.3%, 80.6%, 63.5%

OKLCH

0.393 0.0723 73.2

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#5D3F12

#12305D

Analogous

#5D1A12

#565D12

#5D3F12

Triadic

#5D3F12

#125D3F

#3F125D

Split Complementary

#5D3F12

#12565D

#1A125D

Tetradic

#5D3F12

#125D1A

#12305D

#5D1256

Color Blindness Simulation

Original

#5D3F12

Protanopia

#50501D

Deuteranopia

#525420

Tritanopia

#5C2527

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EFE3
200
#F3E0C3
300
#EBCA98
400
#E0AD61
500
#D69129
600
#AB7421
700
#895D1A
800
#6B4815
900
#4E3613
950
#31220C

Contrast Checker

Text on white

9.61:1

AA Pass AAA Pass

Text on black

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