#AADAF7

#AADAF7

Color Values

HEX

#AADAF7

RGB

170, 218, 247

HSL

202,6, 82,8%, 81,8%

HSV

202,6, 31,2%, 96,9%

CMYK

31,2%, 11,7%, 0,0%, 3,1%

OKLCH

0,8644 0,0641 235,0

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#AADAF7

#F7C7AA

Analogous

#AAF7EE

#AAB4F7

#AADAF7

Triadic

#AADAF7

#F7AADA

#DAF7AA

Split Complementary

#AADAF7

#F7AAB4

#F7EEAA

Tetradic

#AADAF7

#EEAAF7

#F7C7AA

#B4F7AA

Color Blindness Simulation

Original

#AADAF7

Protanopia

#BFBFF0

Deuteranopia

#BCB8EE

Tritanopia

#ACEAE9

Achromatopsia

#D2D2D2

CSS Usage

background-color: #AADAF7;
color: #AADAF7;
border-color: #AADAF7;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F2F9FD
100
#E1F0FA
200
#BEE3F9
300
#8FCEF4
400
#53B4EF
500
#169AE9
600
#127BBA
700
#0E6295
800
#0B4D75
900
#0C3955
950
#082435

Contrast Checker

Text on white

1,49:1

AA Fail AAA Fail

Text on black

14,08:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026