#7FEC15

#7FEC15

Color Values

HEX

#7FEC15

RGB

127, 236, 21

HSL

90.4, 85.0%, 50.4%

HSV

90.4, 91.1%, 92.5%

CMYK

46.2%, 0.0%, 91.1%, 7.5%

OKLCH

0.8441 0.2423 135.0

Properties

Cool Light Nearest: chartreuse 2

Color Harmonies

Complementary

#7FEC15

#8215EC

Analogous

#EBEC15

#15EC16

#7FEC15

Triadic

#7FEC15

#157FEC

#EC157F

Split Complementary

#7FEC15

#1615EC

#EC15EB

Tetradic

#7FEC15

#15EBEC

#8215EC

#EC1615

Color Blindness Simulation

Original

#7FEC15

Protanopia

#AEAF49

Deuteranopia

#A8A056

Tritanopia

#84727B

Achromatopsia

#C5C5C5

CSS Usage

background-color: #7FEC15;
color: #7FEC15;
border-color: #7FEC15;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F7FDF2
100
#EDFAE0
200
#DBFABD
300
#C1F68E
400
#A0F150
500
#7EEC13
600
#65BD0F
700
#51970C
800
#3F760A
900
#30560B
950
#1E3607

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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