#AAFAA4

#AAFAA4

Color Values

HEX

#AAFAA4

RGB

170, 250, 164

HSL

115.8, 89.6%, 81.2%

HSV

115.8, 34.4%, 98.0%

CMYK

32.0%, 0.0%, 34.4%, 2.0%

OKLCH

0.9125 0.1391 142.7

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#AAFAA4

#F4A4FA

Analogous

#D5FAA4

#A4FAC9

#AAFAA4

Triadic

#AAFAA4

#A4AAFA

#FAA4AA

Split Complementary

#AAFAA4

#C9A4FA

#FAA4D5

Tetradic

#AAFAA4

#A4D5FA

#F4A4FA

#FAC9A4

Color Blindness Simulation

Original

#AAFAA4

Protanopia

#CDCDB9

Deuteranopia

#C8C2BE

Tritanopia

#AEC9CD

Achromatopsia

#E3E3E3

CSS Usage

background-color: #AAFAA4;
color: #AAFAA4;
border-color: #AAFAA4;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FDF2
100
#E1FBE0
200
#C0FBBB
300
#93F98B
400
#58F54C
500
#1DF20D
600
#17C10B
700
#139B08
800
#0F7907
900
#0F5809
950
#093706

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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