#AFD680

#AFD680

Color Values

HEX

#AFD680

RGB

175, 214, 128

HSL

87.2, 51.2%, 67.1%

HSV

87.2, 40.2%, 83.9%

CMYK

18.2%, 0.0%, 40.2%, 16.1%

OKLCH

0.8281 0.1202 128.6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AFD680

#A780D6

Analogous

#D6D280

#84D680

#AFD680

Triadic

#AFD680

#80AFD6

#D680AF

Split Complementary

#AFD680

#8084D6

#D280D6

Tetradic

#AFD680

#80D6D2

#A780D6

#D68084

Color Blindness Simulation

Original

#AFD680

Protanopia

#C0C095

Deuteranopia

#BEBB9A

Tritanopia

#B1A5A9

Achromatopsia

#C7C7C7

CSS Usage

background-color: #AFD680;
color: #AFD680;
border-color: #AFD680;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DDEEC9
300
#C5E1A2
400
#A5D170
500
#86C13E
600
#6B9A32
700
#557B28
800
#43601F
900
#33471A
950
#202D10

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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