#AAEAF7

#AAEAF7

Color Values

HEX

#AAEAF7

RGB

170, 234, 247

HSL

190.1, 82.8%, 81.8%

HSV

190.1, 31.2%, 96.9%

CMYK

31.2%, 5.3%, 0.0%, 3.1%

OKLCH

0.8984 0.0666 211.6

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#AAEAF7

#F7B7AA

Analogous

#AAF7DE

#AAC4F7

#AAEAF7

Triadic

#AAEAF7

#F7AAEA

#EAF7AA

Split Complementary

#AAEAF7

#F7AAC4

#F7DEAA

Tetradic

#AAEAF7

#DEAAF7

#F7B7AA

#C4F7AA

Color Blindness Simulation

Original

#AAEAF7

Protanopia

#C6C6F4

Deuteranopia

#C2BDF3

Tritanopia

#ADF1F1

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E1F5FA
200
#BEEFF9
300
#8FE3F4
400
#53D4EF
500
#16C6E9
600
#129EBA
700
#0E7E95
800
#0B6375
900
#0C4855
950
#082E35

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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