#AAD2F4

#AAD2F4

Color Values

HEX

#AAD2F4

RGB

170, 210, 244

HSL

207.6, 77.1%, 81.2%

HSV

207.6, 30.3%, 95.7%

CMYK

30.3%, 13.9%, 0.0%, 4.3%

OKLCH

0.8466 0.0638 244.3

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#AAD2F4

#F4CCAA

Analogous

#AAF4F1

#AAADF4

#AAD2F4

Triadic

#AAD2F4

#F4AAD2

#D2F4AA

Split Complementary

#AAD2F4

#F4AAAD

#F4F1AA

Tetradic

#AAD2F4

#F1AAF4

#F4CCAA

#ADF4AA

Color Blindness Simulation

Original

#AAD2F4

Protanopia

#BBBCEC

Deuteranopia

#B9B6EA

Tritanopia

#ACE5E4

Achromatopsia

#CCCCCC

CSS Usage

background-color: #AAD2F4;
color: #AAD2F4;
border-color: #AAD2F4;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F2F8FC
100
#E1EEF9
200
#C0DEF7
300
#93C6F1
400
#58A6E9
500
#1D87E2
600
#176CB5
700
#135791
800
#0F4471
900
#0F3352
950
#092034

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.23:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026