#7ADD88

#7ADD88

Color Values

HEX

#7ADD88

RGB

122, 221, 136

HSL

128.5, 59.3%, 67.3%

HSV

128.5, 44.8%, 86.7%

CMYK

44.8%, 0.0%, 38.5%, 13.3%

OKLCH

0.816 0.151 147.2

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#7ADD88

#DD7ACF

Analogous

#9EDD7A

#7ADDBA

#7ADD88

Triadic

#7ADD88

#887ADD

#DD887A

Split Complementary

#7ADD88

#BA7ADD

#DD7A9E

Tetradic

#7ADD88

#7A9EDD

#DD7ACF

#DDBA7A

Color Blindness Simulation

Original

#7ADD88

Protanopia

#A5A69D

Deuteranopia

#9F98A2

Tritanopia

#7FADB0

Achromatopsia

#C2C2C2

CSS Usage

background-color: #7ADD88;
color: #7ADD88;
border-color: #7ADD88;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F3FBF5
100
#E4F6E7
200
#C6F0CC
300
#9EE6A8
400
#69D979
500
#34CB49
600
#2AA23B
700
#21822F
800
#1A6625
900
#174A1E
950
#0E2F13

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.53:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026