#80460C

#80460C

Color Values

HEX

#80460C

RGB

128, 70, 12

HSL

30.0, 82.9%, 27.5%

HSV

30.0, 90.6%, 50.2%

CMYK

0.0%, 45.3%, 90.6%, 49.8%

OKLCH

0.4558 0.1027 58.4

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#80460C

#0C4680

Analogous

#800C0C

#80800C

#80460C

Triadic

#80460C

#0C8046

#460C80

Split Complementary

#80460C

#0C8080

#0C0C80

Tetradic

#80460C

#0C800C

#0C4680

#800C80

Color Blindness Simulation

Original

#80460C

Protanopia

#67661A

Deuteranopia

#6A6F1D

Tritanopia

#7D2528

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEDE1
200
#F9DBBE
300
#F5C28F
400
#EFA152
500
#E98016
600
#BB6611
700
#95520E
800
#75400B
900
#55300C
950
#351F08

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

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