#5C2C04

#5C2C04

Color Values

HEX

#5C2C04

RGB

92, 44, 4

HSL

27.3, 91.7%, 18.8%

HSV

27.3, 95.7%, 36.1%

CMYK

0.0%, 52.2%, 95.7%, 63.9%

OKLCH

0.3516 0.0851 53.5

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#5C2C04

#04345C

Analogous

#5C0408

#5C5804

#5C2C04

Triadic

#5C2C04

#045C2C

#2C045C

Split Complementary

#5C2C04

#045C58

#04085C

Tetradic

#5C2C04

#085C04

#04345C

#58045C

Color Blindness Simulation

Original

#5C2C04

Protanopia

#47470E

Deuteranopia

#4A4E10

Tritanopia

#5A1517

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FCD8BB
300
#FABD8A
400
#F7994A
500
#F4750B
600
#C45E08
700
#9C4B07
800
#7A3A05
900
#582D08
950
#381C05

Contrast Checker

Text on white

11.56:1

AA Pass AAA Pass

Text on black

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