#7FEE80

#7FEE80

Color Values

HEX

#7FEE80

RGB

127, 238, 128

HSL

120.5, 76.6%, 71.6%

HSV

120.5, 46.6%, 93.3%

CMYK

46.6%, 0.0%, 46.2%, 6.7%

OKLCH

0.8577 0.1799 144.0

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#7FEE80

#EE7FED

Analogous

#B6EE7F

#7FEEB8

#7FEE80

Triadic

#7FEE80

#807FEE

#EE807F

Split Complementary

#7FEE80

#B87FEE

#EE7FB6

Tetradic

#7FEE80

#7FB6EE

#EE7FED

#EEB87F

Color Blindness Simulation

Original

#7FEE80

Protanopia

#AFB09B

Deuteranopia

#A9A0A1

Tritanopia

#85B0B4

Achromatopsia

#CECECE

CSS Usage

background-color: #7FEE80;
color: #7FEE80;
border-color: #7FEE80;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FCF2
100
#E2F9E2
200
#C0F7C0
300
#93F194
400
#58E95A
500
#1EE11F
600
#18B419
700
#139014
800
#0F7110
900
#0F5210
950
#0A340A

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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