#ABDF63

#ABDF63

Color Values

HEX

#ABDF63

RGB

171, 223, 99

HSL

85.2, 66.0%, 63.1%

HSV

85.2, 55.6%, 87.5%

CMYK

23.3%, 0.0%, 55.6%, 12.5%

OKLCH

0.8418 0.1633 128.5

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#ABDF63

#9763DF

Analogous

#DFD563

#6DDF63

#ABDF63

Triadic

#ABDF63

#63ABDF

#DF63AB

Split Complementary

#ABDF63

#636DDF

#D563DF

Tetradic

#ABDF63

#63DFD5

#9763DF

#DF636D

Color Blindness Simulation

Original

#ABDF63

Protanopia

#C2C281

Deuteranopia

#BEBB88

Tritanopia

#AE999E

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EFF7E3
200
#DFF3C4
300
#C8EA99
400
#ABDF62
500
#8DD42B
600
#71A923
700
#5A871C
800
#466A16
900
#354D14
950
#22310C

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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