#80CC80

#80CC80

Color Values

HEX

#80CC80

RGB

128, 204, 128

HSL

120.0, 42.7%, 65.1%

HSV

120.0, 37.3%, 80.0%

CMYK

37.3%, 0.0%, 37.3%, 20.0%

OKLCH

0.7767 0.1303 144.2

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#80CC80

#CC80CC

Analogous

#A6CC80

#80CCA6

#80CC80

Triadic

#80CC80

#8080CC

#CC8080

Split Complementary

#80CC80

#A680CC

#CC80A6

Tetradic

#80CC80

#80A6CC

#CC80CC

#CCA680

Color Blindness Simulation

Original

#80CC80

Protanopia

#A1A292

Deuteranopia

#9C9797

Tritanopia

#84A1A4

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F4E7
200
#CCEBCC
300
#A8DCA8
400
#78C978
500
#49B649
600
#3A923A
700
#2F742F
800
#255B25
900
#1E431E
950
#132A13

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

10.87:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026