#80583A

#80583A

Color Values

HEX

#80583A

RGB

128, 88, 58

HSL

25.7, 37.6%, 36.5%

HSV

25.7, 54.7%, 50.2%

CMYK

0.0%, 31.2%, 54.7%, 49.8%

OKLCH

0.4963 0.0687 57.2

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#80583A

#3A6280

Analogous

#803A3F

#807B3A

#80583A

Triadic

#80583A

#3A8058

#583A80

Split Complementary

#80583A

#3A807B

#3A3F80

Tetradic

#80583A

#3F803A

#3A6280

#7B3A80

Color Blindness Simulation

Original

#80583A

Protanopia

#6F6E41

Deuteranopia

#717443

Tritanopia

#7E4748

Achromatopsia

#5E5E5E

CSS Usage

background-color: #80583A;
color: #80583A;
border-color: #80583A;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#E9D9CE
300
#D9BFAB
400
#C49C7D
500
#AF7950
600
#8C6140
700
#704D33
800
#583C28
900
#412E20
950
#291D14

Contrast Checker

Text on white

6.22:1

AA Pass AAA Fail

Text on black

3.37:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026