#80EE83

#80EE83

Color Values

HEX

#80EE83

RGB

128, 238, 131

HSL

121.6, 76.4%, 71.8%

HSV

121.6, 46.2%, 93.3%

CMYK

46.2%, 0.0%, 45.0%, 6.7%

OKLCH

0.8586 0.1766 144.4

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#80EE83

#EE80EB

Analogous

#B4EE80

#80EEBA

#80EE83

Triadic

#80EE83

#8380EE

#EE8380

Split Complementary

#80EE83

#BA80EE

#EE80B4

Tetradic

#80EE83

#80B4EE

#EE80EB

#EEBA80

Color Blindness Simulation

Original

#80EE83

Protanopia

#B0B19D

Deuteranopia

#A9A1A3

Tritanopia

#86B1B6

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F2FCF3
100
#E2F9E2
200
#C0F7C1
300
#93F196
400
#59E95C
500
#1EE123
600
#18B41C
700
#139017
800
#0F7012
900
#0F5211
950
#0A340B

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.48: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