#804108

#804108

Color Values

HEX

#804108

RGB

128, 65, 8

HSL

28.5, 88.2%, 26.7%

HSV

28.5, 93.8%, 50.2%

CMYK

0.0%, 49.2%, 93.8%, 49.8%

OKLCH

0.4465 0.1067 54.6

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#804108

#084780

Analogous

#80080B

#807D08

#804108

Triadic

#804108

#088041

#410880

Split Complementary

#804108

#08807D

#080B80

Tetradic

#804108

#0B8008

#084780

#7D0880

Color Blindness Simulation

Original

#804108

Protanopia

#656416

Deuteranopia

#686D19

Tritanopia

#7D2123

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FBECE0
200
#FBDABC
300
#F8BF8C
400
#F49C4D
500
#F07A0F
600
#C0620C
700
#9A4E0A
800
#783D08
900
#572F0A
950
#371D06

Contrast Checker

Text on white

7.84:1

AA Pass AAA Pass

Text on black

2.68:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026