#2AD564

#2AD564

Color Values

HEX

#2AD564

RGB

42, 213, 100

HSL

140.4, 67.1%, 50.0%

HSV

140.4, 80.3%, 83.5%

CMYK

80.3%, 0.0%, 53.1%, 16.5%

OKLCH

0.7666 0.2045 149.0

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#2AD564

#D52A9B

Analogous

#45D52A

#2AD5BA

#2AD564

Triadic

#2AD564

#642AD5

#D5642A

Split Complementary

#2AD564

#BA2AD5

#D52A45

Tetradic

#2AD564

#2A45D5

#D52A9B

#D5BA2A

Color Blindness Simulation

Original

#2AD564

Protanopia

#74767F

Deuteranopia

#6A5D86

Tritanopia

#33959A

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F3FCF6
100
#E3F7EA
200
#C3F3D4
300
#99EBB5
400
#61E08C
500
#2AD564
600
#22AA50
700
#1B8840
800
#156B32
900
#134E27
950
#0C3119

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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