#AFDE63

#AFDE63

Color Values

HEX

#AFDE63

RGB

175, 222, 99

HSL

82.9, 65.1%, 62.9%

HSV

82.9, 55.4%, 87.1%

CMYK

21.2%, 0.0%, 55.4%, 12.9%

OKLCH

0.8421 0.1601 127.0

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#AFDE63

#9263DE

Analogous

#DECF63

#71DE63

#AFDE63

Triadic

#AFDE63

#63AFDE

#DE63AF

Split Complementary

#AFDE63

#6371DE

#CF63DE

Tetradic

#AFDE63

#63DECF

#9263DE

#DE6371

Color Blindness Simulation

Original

#AFDE63

Protanopia

#C3C481

Deuteranopia

#C1BD88

Tritanopia

#B1989D

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EFF7E3
200
#E1F3C4
300
#CBEA9A
400
#AFDE63
500
#93D32C
600
#76A824
700
#5E871C
800
#4A6916
900
#374D14
950
#23310D

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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