#2ADD2A

#2ADD2A

Color Values

HEX

#2ADD2A

RGB

42, 221, 42

HSL

120.0, 72.5%, 51.6%

HSV

120.0, 81.0%, 86.7%

CMYK

81.0%, 0.0%, 81.0%, 13.3%

OKLCH

0.7821 0.2505 142.7

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#2ADD2A

#DD2ADD

Analogous

#84DD2A

#2ADD84

#2ADD2A

Triadic

#2ADD2A

#2A2ADD

#DD2A2A

Split Complementary

#2ADD2A

#842ADD

#DD2A84

Tetradic

#2ADD2A

#2A84DD

#DD2ADD

#DD842A

Color Blindness Simulation

Original

#2ADD2A

Protanopia

#787955

Deuteranopia

#6D6060

Tritanopia

#33787F

Achromatopsia

#AAAAAA

CSS Usage

background-color: #2ADD2A;
color: #2ADD2A;
border-color: #2ADD2A;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F3FCF3
100
#E2F8E2
200
#C1F5C1
300
#95EE95
400
#5CE55C
500
#23DC23
600
#1CB01C
700
#168D16
800
#126E12
900
#115011
950
#0B330B

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.47:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026