#AAF156

#AAF156

Color Values

HEX

#AAF156

RGB

170, 241, 86

HSL

87.5, 84.7%, 64.1%

HSV

87.5, 64.3%, 94.5%

CMYK

29.5%, 0.0%, 64.3%, 5.5%

OKLCH

0.8813 0.1974 130.6

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#AAF156

#9D56F1

Analogous

#F1EB56

#5CF156

#AAF156

Triadic

#AAF156

#56AAF1

#F156AA

Split Complementary

#AAF156

#565CF1

#EB56F1

Tetradic

#AAF156

#56F1EB

#9D56F1

#F1565C

Color Blindness Simulation

Original

#AAF156

Protanopia

#C9C97B

Deuteranopia

#C5BF84

Tritanopia

#AE99A0

Achromatopsia

#D7D7D7

CSS Usage

background-color: #AAF156;
color: #AAF156;
border-color: #AAF156;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F8FDF2
100
#EEFAE0
200
#DEFABD
300
#C6F68E
400
#A7F151
500
#88EB14
600
#6DBC10
700
#57970C
800
#44760A
900
#34550C
950
#213607

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026