#804C18

#804C18

Color Values

HEX

#804C18

RGB

128, 76, 24

HSL

30.0, 68.4%, 29.8%

HSV

30.0, 81.2%, 50.2%

CMYK

0.0%, 40.6%, 81.2%, 49.8%

OKLCH

0.468 0.0953 61.0

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#804C18

#184C80

Analogous

#801818

#808018

#804C18

Triadic

#804C18

#18804C

#4C1880

Split Complementary

#804C18

#188080

#181880

Tetradic

#804C18

#188018

#184C80

#801880

Color Blindness Simulation

Original

#804C18

Protanopia

#696925

Deuteranopia

#6C7028

Tritanopia

#7D2F31

Achromatopsia

#535353

CSS Usage

background-color: #804C18;
color: #804C18;
border-color: #804C18;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FCF7F3
100
#F8EDE3
200
#F4DBC3
300
#ECC298
400
#E1A160
500
#D78028
600
#AC6620
700
#89521A
800
#6B4014
900
#4E3013
950
#311F0C

Contrast Checker

Text on white

7.08:1

AA Pass AAA Pass

Text on black

2.96:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026