#7FEA8E

#7FEA8E

Color Values

HEX

#7FEA8E

RGB

127, 234, 142

HSL

128.4, 71.8%, 70.8%

HSV

128.4, 45.7%, 91.8%

CMYK

45.7%, 0.0%, 39.3%, 8.2%

OKLCH

0.8504 0.1612 147.1

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#7FEA8E

#EA7FDB

Analogous

#A6EA7F

#7FEAC4

#7FEA8E

Triadic

#7FEA8E

#8E7FEA

#EA8E7F

Split Complementary

#7FEA8E

#C47FEA

#EA7FA6

Tetradic

#7FEA8E

#7FA6EA

#EA7FDB

#EAC47F

Color Blindness Simulation

Original

#7FEA8E

Protanopia

#ADAEA4

Deuteranopia

#A79FAA

Tritanopia

#84B6BA

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E2F8E5
200
#C2F5C9
300
#96EEA2
400
#5DE470
500
#24DB3E
600
#1DAF31
700
#178C27
800
#126E1F
900
#11501A
950
#0B3210

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.06:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026