#AADBFD

#AADBFD

Color Values

HEX

#AADBFD

RGB

170, 219, 253

HSL

204.6, 95.4%, 82.9%

HSV

204.6, 32.8%, 99.2%

CMYK

32.8%, 13.4%, 0.0%, 0.8%

OKLCH

0.8687 0.0695 238.9

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#AADBFD

#FDCCAA

Analogous

#AAFDF6

#AAB1FD

#AADBFD

Triadic

#AADBFD

#FDAADB

#DBFDAA

Split Complementary

#AADBFD

#FDAAB1

#FDF6AA

Tetradic

#AADBFD

#F6AAFD

#FDCCAA

#B1FDAA

Color Blindness Simulation

Original

#AADBFD

Protanopia

#BFC0F5

Deuteranopia

#BCB9F3

Tritanopia

#ACEEED

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFF0FC
200
#B9E1FD
300
#87CCFC
400
#47B1FB
500
#0695F9
600
#0578C7
700
#04609F
800
#034B7D
900
#07385A
950
#042339

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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