#AAE375

#AAE375

Color Values

HEX

#AAE375

RGB

170, 227, 117

HSL

91.1, 66.3%, 67.5%

HSV

91.1, 48.5%, 89.0%

CMYK

25.1%, 0.0%, 48.5%, 11.0%

OKLCH

0.8526 0.1526 131.5

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#AAE375

#AE75E3

Analogous

#E1E375

#75E377

#AAE375

Triadic

#AAE375

#75AAE3

#E375AA

Split Complementary

#AAE375

#7775E3

#E375E1

Tetradic

#AAE375

#75E1E3

#AE75E3

#E37775

Color Blindness Simulation

Original

#AAE375

Protanopia

#C3C390

Deuteranopia

#BFBB96

Tritanopia

#ADA5A9

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EDF7E3
200
#DAF3C4
300
#C0EA99
400
#9EDF62
500
#7CD42B
600
#64AA22
700
#50881B
800
#3E6A15
900
#2F4D14
950
#1E310C

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

13.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