#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

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

يناير 18, 2026