#7AE118

#7AE118

Color Values

HEX

#7AE118

RGB

122, 225, 24

HSL

90.7, 80.7%, 48.8%

HSV

90.7, 89.3%, 88.2%

CMYK

45.8%, 0.0%, 89.3%, 11.8%

OKLCH

0.8149 0.2321 134.9

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#7AE118

#7F18E1

Analogous

#DFE118

#18E11A

#7AE118

Triadic

#7AE118

#187AE1

#E1187A

Split Complementary

#7AE118

#1A18E1

#E118DF

Tetradic

#7AE118

#18DFE1

#7F18E1

#E11A18

Color Blindness Simulation

Original

#7AE118

Protanopia

#A7A749

Deuteranopia

#A19954

Tritanopia

#7F6F77

Achromatopsia

#BDBDBD

CSS Usage

background-color: #7AE118;
color: #7AE118;
border-color: #7AE118;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FDF2
100
#EDF9E1
200
#DBF8BE
300
#C1F390
400
#9FED55
500
#7DE619
600
#64B814
700
#509310
800
#3F730C
900
#30540D
950
#1E3508

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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