#AAFCD0

#AAFCD0

Color Values

HEX

#AAFCD0

RGB

170, 252, 208

HSL

147.8, 93.2%, 82.7%

HSV

147.8, 32.5%, 98.8%

CMYK

32.5%, 0.0%, 17.5%, 1.2%

OKLCH

0.9265 0.1005 160.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#AAFCD0

#FCAAD6

Analogous

#ADFCAA

#AAFCF9

#AAFCD0

Triadic

#AAFCD0

#D0AAFC

#FCD0AA

Split Complementary

#AAFCD0

#F9AAFC

#FCAAAD

Tetradic

#AAFCD0

#AAADFC

#FCAAD6

#FCF9AA

Color Blindness Simulation

Original

#AAFCD0

Protanopia

#CECEDB

Deuteranopia

#C9C3DD

Tritanopia

#AEE3E5

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBEC
200
#BAFDD9
300
#89FBBE
400
#49F99A
500
#09F677
600
#07C55F
700
#069E4C
800
#047B3B
900
#08592D
950
#05381D

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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