#7CF28A

#7CF28A

Color Values

HEX

#7CF28A

RGB

124, 242, 138

HSL

127.1, 81.9%, 71.8%

HSV

127.1, 48.8%, 94.9%

CMYK

48.8%, 0.0%, 43.0%, 5.1%

OKLCH

0.8676 0.1777 146.3

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#7CF28A

#F27CE4

Analogous

#A9F27C

#7CF2C5

#7CF28A

Triadic

#7CF28A

#8A7CF2

#F28A7C

Split Complementary

#7CF28A

#C57CF2

#F27CA9

Tetradic

#7CF28A

#7CA9F2

#F27CE4

#F2C57C

Color Blindness Simulation

Original

#7CF28A

Protanopia

#AFB0A3

Deuteranopia

#A89FA9

Tritanopia

#82B7BB

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E1FAE4
200
#BEF9C5
300
#90F49C
400
#53EE66
500
#17E830
600
#12BA26
700
#0F941F
800
#0C7418
900
#0D5415
950
#08350D

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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