#80C289

#80C289

Color Values

HEX

#80C289

RGB

128, 194, 137

HSL

128.2, 35.1%, 63.1%

HSV

128.2, 34.0%, 76.1%

CMYK

34.0%, 0.0%, 29.4%, 23.9%

OKLCH

0.7546 0.1055 147.8

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#80C289

#C280B9

Analogous

#98C280

#80C2AA

#80C289

Triadic

#80C289

#8980C2

#C28980

Split Complementary

#80C289

#AA80C2

#C28098

Tetradic

#80C289

#8098C2

#C280B9

#C2AA80

Color Blindness Simulation

Original

#80C289

Protanopia

#9D9D97

Deuteranopia

#99949A

Tritanopia

#83A2A4

Achromatopsia

#B0B0B0

CSS Usage

background-color: #80C289;
color: #80C289;
border-color: #80C289;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF6
100
#E8F2E9
200
#CFE8D2
300
#ACD7B2
400
#80C289
500
#53AC5F
600
#428A4C
700
#356E3D
800
#29562F
900
#214025
950
#152818

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

10.0:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026