#4D3302

#4D3302

Color Values

HEX

#4D3302

RGB

77, 51, 2

HSL

39.2, 94.9%, 15.5%

HSV

39.2, 97.4%, 30.2%

CMYK

0.0%, 33.8%, 97.4%, 69.8%

OKLCH

0.3432 0.0703 76.8

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#4D3302

#021C4D

Analogous

#4D0E02

#424D02

#4D3302

Triadic

#4D3302

#024D33

#33024D

Split Complementary

#4D3302

#02424D

#0E024D

Tetradic

#4D3302

#024D0E

#021C4D

#4D0242

Color Blindness Simulation

Original

#4D3302

Protanopia

#42420E

Deuteranopia

#434511

Tritanopia

#4C1719

Achromatopsia

#353535

CSS Usage

background-color: #4D3302;
color: #4D3302;
border-color: #4D3302;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FEF9F1
100
#FCF2DF
200
#FDE6B9
300
#FCD488
400
#FABC47
500
#F8A507
600
#C78405
700
#9F6904
800
#7C5203
900
#5A3D07
950
#392704

Contrast Checker

Text on white

11.73:1

AA Pass AAA Pass

Text on black

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