#804E16

#804E16

Color Values

HEX

#804E16

RGB

128, 78, 22

HSL

31.7, 70.7%, 29.4%

HSV

31.7, 82.8%, 50.2%

CMYK

0.0%, 39.1%, 82.8%, 49.8%

OKLCH

0.4717 0.0955 63.8

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#804E16

#164880

Analogous

#801916

#7D8016

#804E16

Triadic

#804E16

#16804E

#4E1680

Split Complementary

#804E16

#167D80

#191680

Tetradic

#804E16

#168019

#164880

#80167D

Color Blindness Simulation

Original

#804E16

Protanopia

#6A6A24

Deuteranopia

#6D7127

Tritanopia

#7E2E31

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE2
200
#F5DDC2
300
#EDC497
400
#E3A45E
500
#DA8525
600
#AE6A1E
700
#8B5518
800
#6D4213
900
#4F3212
950
#32200B

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

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