#AAFFB2

#AAFFB2

Color Values

HEX

#AAFFB2

RGB

170, 255, 178

HSL

125.6, 100.0%, 83.3%

HSV

125.6, 33.3%, 100.0%

CMYK

33.3%, 0.0%, 30.2%, 0.0%

OKLCH

0.9265 0.1327 146.7

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#AAFFB2

#FFAAF7

Analogous

#CCFFAA

#AAFFDC

#AAFFB2

Triadic

#AAFFB2

#B2AAFF

#FFB2AA

Split Complementary

#AAFFB2

#DCAAFF

#FFAACC

Tetradic

#AAFFB2

#AACCFF

#FFAAF7

#FFDCAA

Color Blindness Simulation

Original

#AAFFB2

Protanopia

#CFD0C5

Deuteranopia

#CAC4C9

Tritanopia

#AED3D7

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F1FEF2
100
#DEFCE1
200
#B8FFBE
300
#85FF90
400
#42FF54
500
#00FF18
600
#00CC13
700
#00A30F
800
#00800C
900
#055C0D
950
#033A08

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

17.66:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026