#2AD563

#2AD563

Color Values

HEX

#2AD563

RGB

42, 213, 99

HSL

140.0, 67.1%, 50.0%

HSV

140.0, 80.3%, 83.5%

CMYK

80.3%, 0.0%, 53.5%, 16.5%

OKLCH

0.7664 0.2054 148.8

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#2AD563

#D52A9C

Analogous

#46D52A

#2AD5B9

#2AD563

Triadic

#2AD563

#632AD5

#D5632A

Split Complementary

#2AD563

#B92AD5

#D52A46

Tetradic

#2AD563

#2A46D5

#D52A9C

#D5B92A

Color Blindness Simulation

Original

#2AD563

Protanopia

#74767F

Deuteranopia

#6A5D85

Tritanopia

#339499

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F3FCF6
100
#E3F7EA
200
#C3F3D3
300
#99EBB4
400
#61E08C
500
#2AD563
600
#22AA4F
700
#1B883F
800
#156B31
900
#134E27
950
#0C3118

Contrast Checker

Text on white

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