#80B370

#80B370

Color Values

HEX

#80B370

RGB

128, 179, 112

HSL

105.7, 30.6%, 57.1%

HSV

105.7, 37.4%, 70.2%

CMYK

28.5%, 0.0%, 37.4%, 29.8%

OKLCH

0.7139 0.1083 138.4

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#80B370

#A370B3

Analogous

#A2B370

#70B382

#80B370

Triadic

#80B370

#7080B3

#B37080

Split Complementary

#80B370

#8270B3

#B370A2

Tetradic

#80B370

#70A2B3

#A370B3

#B38270

Color Blindness Simulation

Original

#80B370

Protanopia

#969780

Deuteranopia

#938F84

Tritanopia

#838D90

Achromatopsia

#A3A3A3

CSS Usage

background-color: #80B370;
color: #80B370;
border-color: #80B370;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F5
100
#EBF2E9
200
#D6E6D0
300
#B8D5AF
400
#92BE84
500
#6BA758
600
#568547
700
#456B39
800
#36532C
900
#293E23
950
#1A2716

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.6:1

AA Pass AAA Pass

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