#AAFEDD

#AAFEDD

Color Values

HEX

#AAFEDD

RGB

170, 254, 221

HSL

156.4, 97.7%, 83.1%

HSV

156.4, 33.1%, 99.6%

CMYK

33.1%, 0.0%, 13.0%, 0.4%

OKLCH

0.9342 0.0936 167.7

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#AAFEDD

#FEAACB

Analogous

#AAFEB3

#AAF5FE

#AAFEDD

Triadic

#AAFEDD

#DDAAFE

#FEDDAA

Split Complementary

#AAFEDD

#FEAAF5

#FEB3AA

Tetradic

#AAFEDD

#B3AAFE

#FEAACB

#F5FEAA

Color Blindness Simulation

Original

#AAFEDD

Protanopia

#CECFE5

Deuteranopia

#CAC3E7

Tritanopia

#AEEBED

Achromatopsia

#EAEAEA

CSS Usage

background-color: #AAFEDD;
color: #AAFEDD;
border-color: #AAFEDD;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F1FEF9
100
#DEFCF0
200
#B8FEE3
300
#86FECF
400
#44FDB4
500
#03FC9A
600
#02CA7B
700
#02A163
800
#017E4D
900
#065B3A
950
#043A24

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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