#7AE117

#7AE117

Color Values

HEX

#7AE117

RGB

122, 225, 23

HSL

90.6, 81.5%, 48.6%

HSV

90.6, 89.8%, 88.2%

CMYK

45.8%, 0.0%, 89.8%, 11.8%

OKLCH

0.8149 0.2324 134.9

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#7AE117

#7E17E1

Analogous

#DFE117

#17E119

#7AE117

Triadic

#7AE117

#177AE1

#E1177A

Split Complementary

#7AE117

#1917E1

#E117DF

Tetradic

#7AE117

#17DFE1

#7E17E1

#E11917

Color Blindness Simulation

Original

#7AE117

Protanopia

#A7A748

Deuteranopia

#A19954

Tritanopia

#7F6F77

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#EDFAE1
200
#DBF8BE
300
#C1F490
400
#9FEE54
500
#7DE718
600
#64B913
700
#50940F
800
#3F740C
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