#AEFF7A

#AEFF7A

Color Values

HEX

#AEFF7A

RGB

174, 255, 122

HSL

96.5, 100.0%, 73.9%

HSV

96.5, 52.2%, 100.0%

CMYK

31.8%, 0.0%, 52.2%, 0.0%

OKLCH

0.9196 0.1846 134.6

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#AEFF7A

#CB7AFF

Analogous

#F1FF7A

#7AFF88

#AEFF7A

Triadic

#AEFF7A

#7AAEFF

#FF7AAE

Split Complementary

#AEFF7A

#887AFF

#FF7AF1

Tetradic

#AEFF7A

#7AF1FF

#CB7AFF

#FF887A

Color Blindness Simulation

Original

#AEFF7A

Protanopia

#D1D29A

Deuteranopia

#CCC6A2

Tritanopia

#B2B4B9

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#EAFCDE
200
#D4FFB8
300
#B5FF85
400
#8CFF42
500
#64FF00
600
#50CC00
700
#40A300
800
#328000
900
#275C05
950
#193A03

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.38:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026