#80CC2A

#80CC2A

Color Values

HEX

#80CC2A

RGB

128, 204, 42

HSL

88.1, 65.9%, 48.2%

HSV

88.1, 79.4%, 80.0%

CMYK

37.3%, 0.0%, 79.4%, 20.0%

OKLCH

0.7668 0.1994 132.3

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#80CC2A

#762ACC

Analogous

#CCC72A

#2FCC2A

#80CC2A

Triadic

#80CC2A

#2A80CC

#CC2A80

Split Complementary

#80CC2A

#2A2FCC

#C72ACC

Tetradic

#80CC2A

#2ACCC7

#762ACC

#CC2A2F

Color Blindness Simulation

Original

#80CC2A

Protanopia

#A1A251

Deuteranopia

#9C975B

Tritanopia

#847077

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DDF3C4
300
#C4EA99
400
#A5DF62
500
#85D42B
600
#6AA923
700
#55871C
800
#426A16
900
#324D14
950
#20310C

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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