#5C3C01

#5C3C01

Color Values

HEX

#5C3C01

RGB

92, 60, 1

HSL

38,9, 97,8%, 18,2%

HSV

38,9, 98,9%, 36,1%

CMYK

0,0%, 34,8%, 98,9%, 63,9%

OKLCH

0,3839 0,0804 75,0

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#5C3C01

#01215C

Analogous

#5C0E01

#4E5C01

#5C3C01

Triadic

#5C3C01

#015C3C

#3C015C

Split Complementary

#5C3C01

#014E5C

#0E015C

Tetradic

#5C3C01

#015C0E

#01215C

#5C014E

Color Blindness Simulation

Original

#5C3C01

Protanopia

#4E4E0F

Deuteranopia

#505213

Tritanopia

#5A1B1D

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF2DE
200
#FEE6B8
300
#FED486
400
#FDBC44
500
#FCA403
600
#CA8402
700
#A16902
800
#7E5201
900
#5B3D06
950
#3A2704

Contrast Checker

Text on white

9,99:1

AA Pass AAA Pass

Text on black

2,1: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