#4D3402

#4D3402

Color Values

HEX

#4D3402

RGB

77, 52, 2

HSL

40.0, 94.9%, 15.5%

HSV

40.0, 97.4%, 30.2%

CMYK

0.0%, 32.5%, 97.4%, 69.8%

OKLCH

0.3455 0.0704 78.3

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#4D3402

#021B4D

Analogous

#4D0F02

#414D02

#4D3402

Triadic

#4D3402

#024D34

#34024D

Split Complementary

#4D3402

#02414D

#0F024D

Tetradic

#4D3402

#024D0F

#021B4D

#4D0241

Color Blindness Simulation

Original

#4D3402

Protanopia

#42420E

Deuteranopia

#444611

Tritanopia

#4C181A

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF2DF
200
#FDE7B9
300
#FCD588
400
#FABE47
500
#F8A807
600
#C78605
700
#9F6B04
800
#7C5403
900
#5A3E07
950
#392704

Contrast Checker

Text on white

11.62:1

AA Pass AAA Pass

Text on black

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