#80580F

#80580F

Color Values

HEX

#80580F

RGB

128, 88, 15

HSL

38.8, 79.0%, 28.0%

HSV

38.8, 88.3%, 50.2%

CMYK

0.0%, 31.2%, 88.3%, 49.8%

OKLCH

0.4915 0.0974 76.1

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#80580F

#0F3780

Analogous

#80200F

#6F800F

#80580F

Triadic

#80580F

#0F8058

#580F80

Split Complementary

#80580F

#0F6F80

#200F80

Tetradic

#80580F

#0F8020

#0F3780

#800F6F

Color Blindness Simulation

Original

#80580F

Protanopia

#6F6E21

Deuteranopia

#717425

Tritanopia

#7E2F32

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FCF9F2
100
#F9F1E1
200
#F8E4BF
300
#F2D091
400
#EBB756
500
#E49D1B
600
#B77E15
700
#926511
800
#724F0D
900
#533B0E
950
#342509

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

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