#80CC7C

#80CC7C

Color Values

HEX

#80CC7C

RGB

128, 204, 124

HSL

117.0, 44.0%, 64.3%

HSV

117.0, 39.2%, 80.0%

CMYK

37.3%, 0.0%, 39.2%, 20.0%

OKLCH

0.7759 0.1344 143.1

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#80CC7C

#C87CCC

Analogous

#A8CC7C

#7CCCA0

#80CC7C

Triadic

#80CC7C

#7C80CC

#CC7C80

Split Complementary

#80CC7C

#A07CCC

#CC7CA8

Tetradic

#80CC7C

#7CA8CC

#C87CCC

#CCA07C

Color Blindness Simulation

Original

#80CC7C

Protanopia

#A1A28F

Deuteranopia

#9C9794

Tritanopia

#849FA2

Achromatopsia

#B6B6B6

CSS Usage

background-color: #80CC7C;
color: #80CC7C;
border-color: #80CC7C;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF4
100
#E7F4E6
200
#CDEBCC
300
#AADDA7
400
#7BCA77
500
#4DB847
600
#3E9339
700
#31762E
800
#275C24
900
#1F441D
950
#142B12

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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