#80DF4E

#80DF4E

Color Values

HEX

#80DF4E

RGB

128, 223, 78

HSL

99.3, 69.4%, 59.0%

HSV

99.3, 65.0%, 87.5%

CMYK

42.6%, 0.0%, 65.0%, 12.5%

OKLCH

0.8158 0.2013 136.6

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#80DF4E

#AD4EDF

Analogous

#C9DF4E

#4EDF64

#80DF4E

Triadic

#80DF4E

#4E80DF

#DF4E80

Split Complementary

#80DF4E

#644EDF

#DF4EC9

Tetradic

#80DF4E

#4EC9DF

#AD4EDF

#DF644E

Color Blindness Simulation

Original

#80DF4E

Protanopia

#A9AA71

Deuteranopia

#A49C79

Tritanopia

#858D93

Achromatopsia

#C0C0C0

CSS Usage

background-color: #80DF4E;
color: #80DF4E;
border-color: #80DF4E;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F6FCF3
100
#EAF8E3
200
#D4F4C3
300
#B5EC97
400
#8CE25F
500
#64D827
600
#50AD1F
700
#408A19
800
#326C14
900
#274F12
950
#19320B

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.58:1

AA Pass AAA Pass

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