#AAE1DF

#AAE1DF

Color Values

HEX

#AAE1DF

RGB

170, 225, 223

HSL

177.8, 47.8%, 77.5%

HSV

177.8, 24.4%, 88.2%

CMYK

24.4%, 0.0%, 0.9%, 11.8%

OKLCH

0.8714 0.0563 193.4

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#AAE1DF

#E1AAAC

Analogous

#AAE1C4

#AAC8E1

#AAE1DF

Triadic

#AAE1DF

#DFAAE1

#E1DFAA

Split Complementary

#AAE1DF

#E1AAC8

#E1C4AA

Tetradic

#AAE1DF

#C4AAE1

#E1AAAC

#C8E1AA

Color Blindness Simulation

Original

#AAE1DF

Protanopia

#C2C2DF

Deuteranopia

#BFBAE0

Tritanopia

#ADE0E0

Achromatopsia

#D5D5D5

CSS Usage

background-color: #AAE1DF;
color: #AAE1DF;
border-color: #AAE1DF;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAECEB
300
#A5DFDD
400
#74CECA
500
#43BCB8
600
#359793
700
#2B7976
800
#215E5C
900
#1C4544
950
#112C2B

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.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