#4D3502

#4D3502

Color Values

HEX

#4D3502

RGB

77, 53, 2

HSL

40.8, 94.9%, 15.5%

HSV

40.8, 97.4%, 30.2%

CMYK

0.0%, 31.2%, 97.4%, 69.8%

OKLCH

0.3478 0.0706 79.9

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#4D3502

#021A4D

Analogous

#4D1002

#404D02

#4D3502

Triadic

#4D3502

#024D35

#35024D

Split Complementary

#4D3502

#02404D

#10024D

Tetradic

#4D3502

#024D10

#021A4D

#4D0240

Color Blindness Simulation

Original

#4D3502

Protanopia

#43420E

Deuteranopia

#444611

Tritanopia

#4C181A

Achromatopsia

#363636

CSS Usage

background-color: #4D3502;
color: #4D3502;
border-color: #4D3502;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FEFAF1
100
#FCF2DF
200
#FDE7B9
300
#FCD788
400
#FAC147
500
#F8AB07
600
#C78905
700
#9F6D04
800
#7C5603
900
#5A3F07
950
#392804

Contrast Checker

Text on white

11.5:1

AA Pass AAA Pass

Text on black

1.83:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026