#80570F

#80570F

Color Values

HEX

#80570F

RGB

128, 87, 15

HSL

38.2, 79.0%, 28.0%

HSV

38.2, 88.3%, 50.2%

CMYK

0.0%, 32.0%, 88.3%, 49.8%

OKLCH

0.4894 0.0973 75.1

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#80570F

#0F3880

Analogous

#801E0F

#70800F

#80570F

Triadic

#80570F

#0F8057

#570F80

Split Complementary

#80570F

#0F7080

#1E0F80

Tetradic

#80570F

#0F801E

#0F3880

#800F70

Color Blindness Simulation

Original

#80570F

Protanopia

#6E6E20

Deuteranopia

#717425

Tritanopia

#7E2E31

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FCF9F2
100
#F9F0E1
200
#F8E3BF
300
#F2CF91
400
#EBB556
500
#E49B1B
600
#B77C15
700
#926311
800
#724E0D
900
#533A0E
950
#342509

Contrast Checker

Text on white

6.39:1

AA Pass AAA Fail

Text on black

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