#7ADE0F

#7ADE0F

Color Values

HEX

#7ADE0F

RGB

122, 222, 15

HSL

89.0, 87.3%, 46.5%

HSV

89.0, 93.2%, 87.1%

CMYK

45.0%, 0.0%, 93.2%, 12.9%

OKLCH

0.8073 0.2307 134.5

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#7ADE0F

#730FDE

Analogous

#DEDB0F

#13DE0F

#7ADE0F

Triadic

#7ADE0F

#0F7ADE

#DE0F7A

Split Complementary

#7ADE0F

#0F13DE

#DB0FDE

Tetradic

#7ADE0F

#0FDEDB

#730FDE

#DE0F13

Color Blindness Simulation

Original

#7ADE0F

Protanopia

#A5A641

Deuteranopia

#A0984D

Tritanopia

#7F6971

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFAE0
200
#DCFABC
300
#C4F78C
400
#A3F34E
500
#83EF10
600
#69BF0D
700
#54990A
800
#427708
900
#32570A
950
#1F3707

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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