#AEF297

#AEF297

Color Values

HEX

#AEF297

RGB

174, 242, 151

HSL

104.8, 77.8%, 77.1%

HSV

104.8, 37.6%, 94.9%

CMYK

28.1%, 0.0%, 37.6%, 5.1%

OKLCH

0.8944 0.1381 138.1

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#AEF297

#DB97F2

Analogous

#DCF297

#97F2AE

#AEF297

Triadic

#AEF297

#97AEF2

#F297AE

Split Complementary

#AEF297

#AE97F2

#F297DC

Tetradic

#AEF297

#97DCF2

#DB97F2

#F2AE97

Color Blindness Simulation

Original

#AEF297

Protanopia

#CBCCAD

Deuteranopia

#C8C2B2

Tritanopia

#B1BEC2

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F5FCF2
100
#E7F9E1
200
#CEF7C0
300
#AAF192
400
#7CEA57
500
#4FE31C
600
#3FB517
700
#329112
800
#27710E
900
#20520F
950
#143409

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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