#5B2F04

#5B2F04

Color Values

HEX

#5B2F04

RGB

91, 47, 4

HSL

29.7, 91.6%, 18.6%

HSV

29.7, 95.6%, 35.7%

CMYK

0.0%, 48.4%, 95.6%, 64.3%

OKLCH

0.3557 0.0821 57.7

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#5B2F04

#04305B

Analogous

#5B0404

#5B5A04

#5B2F04

Triadic

#5B2F04

#045B2F

#2F045B

Split Complementary

#5B2F04

#045B5A

#04045B

Tetradic

#5B2F04

#045B04

#04305B

#5A045B

Color Blindness Simulation

Original

#5B2F04

Protanopia

#48480E

Deuteranopia

#4A4E11

Tritanopia

#591718

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDBBB
300
#FAC18A
400
#F7A04A
500
#F47E0B
600
#C36509
700
#9C5107
800
#7A3F05
900
#583009
950
#381E05

Contrast Checker

Text on white

11.33:1

AA Pass AAA Pass

Text on black

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