#2AD556

#2AD556

Color Values

HEX

#2AD556

RGB

42, 213, 86

HSL

135.4, 67.1%, 50.0%

HSV

135.4, 80.3%, 83.5%

CMYK

80.3%, 0.0%, 59.6%, 16.5%

OKLCH

0.7648 0.2158 146.8

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#2AD556

#D52AA9

Analogous

#54D52A

#2AD5AB

#2AD556

Triadic

#2AD556

#562AD5

#D5562A

Split Complementary

#2AD556

#AB2AD5

#D52A54

Tetradic

#2AD556

#2A54D5

#D52AA9

#D5AB2A

Color Blindness Simulation

Original

#2AD556

Protanopia

#747675

Deuteranopia

#6A5D7C

Tritanopia

#338D92

Achromatopsia

#A7A7A7

CSS Usage

background-color: #2AD556;
color: #2AD556;
border-color: #2AD556;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF5
100
#E3F7E8
200
#C3F3D0
300
#99EBAE
400
#61E082
500
#2AD556
600
#22AA45
700
#1B8837
800
#156B2B
900
#134E22
950
#0C3116

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

10.75:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026