#7ADC66

#7ADC66

Color Values

HEX

#7ADC66

RGB

122, 220, 102

HSL

109.8, 62.8%, 63.1%

HSV

109.8, 53.6%, 86.3%

CMYK

44.5%, 0.0%, 53.6%, 13.7%

OKLCH

0.8083 0.1813 140.3

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7ADC66

#C866DC

Analogous

#B5DC66

#66DC8D

#7ADC66

Triadic

#7ADC66

#667ADC

#DC667A

Split Complementary

#7ADC66

#8D66DC

#DC66B5

Tetradic

#7ADC66

#66B5DC

#C866DC

#DC8D66

Color Blindness Simulation

Original

#7ADC66

Protanopia

#A4A583

Deuteranopia

#9F9789

Tritanopia

#7F999E

Achromatopsia

#BFBFBF

CSS Usage

background-color: #7ADC66;
color: #7ADC66;
border-color: #7ADC66;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F5FBF3
100
#E7F7E4
200
#CDF2C5
300
#A8E89B
400
#7ADC65
500
#4BD02F
600
#3CA626
700
#30851E
800
#256818
900
#1E4C15
950
#13300D

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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