#7AF24F

#7AF24F

Color Values

HEX

#7AF24F

RGB

122, 242, 79

HSL

104.2, 86.2%, 62.9%

HSV

104.2, 67.4%, 94.9%

CMYK

49.6%, 0.0%, 67.4%, 5.1%

OKLCH

0.8596 0.2266 138.7

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#7AF24F

#C74FF2

Analogous

#CBF24F

#4FF275

#7AF24F

Triadic

#7AF24F

#4F7AF2

#F24F7A

Split Complementary

#7AF24F

#754FF2

#F24FCB

Tetradic

#7AF24F

#4FCBF2

#C74FF2

#F2754F

Color Blindness Simulation

Original

#7AF24F

Protanopia

#AEAF76

Deuteranopia

#A79E80

Tritanopia

#80969C

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F5FDF2
100
#E7FAE0
200
#CDFABD
300
#A9F78D
400
#7AF24F
500
#4BED12
600
#3CBE0E
700
#30980B
800
#267709
900
#1F560B
950
#133607

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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