#4C3301

#4C3301

Color Values

HEX

#4C3301

RGB

76, 51, 1

HSL

40.0, 97.4%, 15.1%

HSV

40.0, 98.7%, 29.8%

CMYK

0.0%, 32.9%, 98.7%, 70.2%

OKLCH

0.3418 0.0704 78.3

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#4C3301

#011A4C

Analogous

#4C0E01

#404C01

#4C3301

Triadic

#4C3301

#014C33

#33014C

Split Complementary

#4C3301

#01404C

#0E014C

Tetradic

#4C3301

#014C0E

#011A4C

#4C0140

Color Blindness Simulation

Original

#4C3301

Protanopia

#41410D

Deuteranopia

#434410

Tritanopia

#4B1719

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF2DE
200
#FEE7B9
300
#FDD686
400
#FDBF45
500
#FCA903
600
#C98703
700
#A16C02
800
#7E5402
900
#5B3F06
950
#392804

Contrast Checker

Text on white

11.79:1

AA Pass AAA Pass

Text on black

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