#A2DF63

#A2DF63

Color Values

HEX

#A2DF63

RGB

162, 223, 99

HSL

89.5, 66.0%, 63.1%

HSV

89.5, 55.6%, 87.5%

CMYK

27.4%, 0.0%, 55.6%, 12.5%

OKLCH

0.8362 0.1676 131.1

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#A2DF63

#A063DF

Analogous

#DFDE63

#64DF63

#A2DF63

Triadic

#A2DF63

#63A2DF

#DF63A2

Split Complementary

#A2DF63

#6364DF

#DE63DF

Tetradic

#A2DF63

#63DFDE

#A063DF

#DF6364

Color Blindness Simulation

Original

#A2DF63

Protanopia

#BCBD81

Deuteranopia

#B9B488

Tritanopia

#A5999E

Achromatopsia

#C9C9C9

CSS Usage

background-color: #A2DF63;
color: #A2DF63;
border-color: #A2DF63;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F7FCF3
100
#EDF7E3
200
#DCF3C4
300
#C2EA99
400
#A2DF62
500
#81D42B
600
#67A923
700
#52871C
800
#406A16
900
#314D14
950
#1F310C

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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