#80CC3D

#80CC3D

Color Values

HEX

#80CC3D

RGB

128, 204, 61

HSL

91.9, 58.4%, 52.0%

HSV

91.9, 70.1%, 80.0%

CMYK

37.3%, 0.0%, 70.1%, 20.0%

OKLCH

0.768 0.1891 133.5

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#80CC3D

#893DCC

Analogous

#C8CC3D

#3DCC42

#80CC3D

Triadic

#80CC3D

#3D80CC

#CC3D80

Split Complementary

#80CC3D

#423DCC

#CC3DC8

Tetradic

#80CC3D

#3DC8CC

#893DCC

#CC423D

Color Blindness Simulation

Original

#80CC3D

Protanopia

#A1A260

Deuteranopia

#9C9768

Tritanopia

#847B81

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF6E4
200
#DAF0C6
300
#C0E69E
400
#9DD86A
500
#7BCA35
600
#62A22A
700
#4F8122
800
#3D651B
900
#2F4A17
950
#1E2F0F

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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