#80EE88

#80EE88

Color Values

HEX

#80EE88

RGB

128, 238, 136

HSL

124.4, 76.4%, 71.8%

HSV

124.4, 46.2%, 93.3%

CMYK

46.2%, 0.0%, 42.9%, 6.7%

OKLCH

0.8594 0.172 145.4

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#80EE88

#EE80E6

Analogous

#AFEE80

#80EEBF

#80EE88

Triadic

#80EE88

#8880EE

#EE8880

Split Complementary

#80EE88

#BF80EE

#EE80AF

Tetradic

#80EE88

#80AFEE

#EE80E6

#EEBF80

Color Blindness Simulation

Original

#80EE88

Protanopia

#B0B1A1

Deuteranopia

#A9A1A7

Tritanopia

#86B4B8

Achromatopsia

#CFCFCF

CSS Usage

background-color: #80EE88;
color: #80EE88;
border-color: #80EE88;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FCF3
100
#E2F9E3
200
#C0F7C4
300
#93F19A
400
#59E963
500
#1EE12C
600
#18B424
700
#13901C
800
#0F7016
900
#0F5214
950
#0A340D

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.5:1

AA Pass AAA Pass

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