#AFDE79

#AFDE79

Color Values

HEX

#AFDE79

RGB

175, 222, 121

HSL

87.9, 60.5%, 67.3%

HSV

87.9, 45.5%, 87.1%

CMYK

21.2%, 0.0%, 45.5%, 12.9%

OKLCH

0.845 0.1392 129.4

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AFDE79

#A879DE

Analogous

#DEDB79

#7DDE79

#AFDE79

Triadic

#AFDE79

#79AFDE

#DE79AF

Split Complementary

#AFDE79

#797DDE

#DB79DE

Tetradic

#AFDE79

#79DEDB

#A879DE

#DE797D

Color Blindness Simulation

Original

#AFDE79

Protanopia

#C3C491

Deuteranopia

#C1BD97

Tritanopia

#B1A5A9

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EEF6E4
200
#DDF1C6
300
#C4E79D
400
#A5DA68
500
#85CD32
600
#6AA428
700
#558320
800
#426619
900
#324B16
950
#202F0E

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026