#AEFD86

#AEFD86

Color Values

HEX

#AEFD86

RGB

174, 253, 134

HSL

99.8, 96.7%, 75.9%

HSV

99.8, 47.0%, 99.2%

CMYK

31.2%, 0.0%, 47.0%, 0.8%

OKLCH

0.9167 0.1708 136.0

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#AEFD86

#D586FD

Analogous

#EAFD86

#86FD9A

#AEFD86

Triadic

#AEFD86

#86AEFD

#FD86AE

Split Complementary

#AEFD86

#9A86FD

#FD86EA

Tetradic

#AEFD86

#86EAFD

#D586FD

#FD9A86

Color Blindness Simulation

Original

#AEFD86

Protanopia

#D0D1A3

Deuteranopia

#CCC6AA

Tritanopia

#B2BABF

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F5FEF1
100
#E8FCDE
200
#D0FEB9
300
#AEFD87
400
#83FC45
500
#57FB04
600
#46C903
700
#38A103
800
#2C7D02
900
#235B06
950
#163904

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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