#AAD3FC

#AAD3FC

Color Values

HEX

#AAD3FC

RGB

170, 211, 252

HSL

210.0, 93.2%, 82.7%

HSV

210.0, 32.5%, 98.8%

CMYK

32.5%, 16.3%, 0.0%, 1.2%

OKLCH

0.8516 0.072 248.7

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#AAD3FC

#FCD3AA

Analogous

#AAFCFC

#AAAAFC

#AAD3FC

Triadic

#AAD3FC

#FCAAD3

#D3FCAA

Split Complementary

#AAD3FC

#FCAAAA

#FCFCAA

Tetradic

#AAD3FC

#FCAAFC

#FCD3AA

#AAFCAA

Color Blindness Simulation

Original

#AAD3FC

Protanopia

#BCBCF2

Deuteranopia

#B9B6F0

Tritanopia

#ACEAE9

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADBFD
300
#89C2FB
400
#49A1F9
500
#0980F6
600
#0766C5
700
#06529E
800
#04407B
900
#083059
950
#051F38

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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