#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026