#4C2C19

#4C2C19

Color Values

HEX

#4C2C19

RGB

76, 44, 25

HSL

22.4, 50.5%, 19.8%

HSV

22.4, 67.1%, 29.8%

CMYK

0.0%, 42.1%, 67.1%, 70.2%

OKLCH

0.3289 0.0563 50.5

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#4C2C19

#19394C

Analogous

#4C191F

#4C4619

#4C2C19

Triadic

#4C2C19

#194C2C

#2C194C

Split Complementary

#4C2C19

#194C46

#191F4C

Tetradic

#4C2C19

#1F4C19

#19394C

#46194C

Color Blindness Simulation

Original

#4C2C19

Protanopia

#3E3E1E

Deuteranopia

#40421F

Tritanopia

#4A2122

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5EBE5
200
#EDD7C9
300
#E1BAA3
400
#D09571
500
#C06F3F
600
#9A5932
700
#7B4728
800
#603820
900
#462B1A
950
#2D1B11

Contrast Checker

Text on white

12.49:1

AA Pass AAA Pass

Text on black

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