#80733F

#80733F

Color Values

HEX

#80733F

RGB

128, 115, 63

HSL

48.0, 34.0%, 37.5%

HSV

48.0, 50.8%, 50.2%

CMYK

0.0%, 10.2%, 50.8%, 49.8%

OKLCH

0.5554 0.0731 95.7

Properties

Warm Dark Nearest: lightgoldenrod 4

Color Harmonies

Complementary

#80733F

#3F4C80

Analogous

#80533F

#6D803F

#80733F

Triadic

#80733F

#3F8073

#733F80

Split Complementary

#80733F

#3F6D80

#533F80

Tetradic

#80733F

#3F8053

#3F4C80

#803F6D

Color Blindness Simulation

Original

#80733F

Protanopia

#7A7A4C

Deuteranopia

#7B7C4F

Tritanopia

#7F5658

Achromatopsia

#727272

CSS Usage

background-color: #80733F;
color: #80733F;
border-color: #80733F;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FAF9F5
100
#F2F0E8
200
#E7E3CF
300
#D7CEAD
400
#C1B481
500
#AB9A54
600
#897B43
700
#6D6236
800
#554D2A
900
#3F3922
950
#282415

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026