#AADBF7

#AADBF7

Color Values

HEX

#AADBF7

RGB

170, 219, 247

HSL

201.8, 82.8%, 81.8%

HSV

201.8, 31.2%, 96.9%

CMYK

31.2%, 11.3%, 0.0%, 3.1%

OKLCH

0.8665 0.064 233.5

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#AADBF7

#F7C6AA

Analogous

#AAF7ED

#AAB5F7

#AADBF7

Triadic

#AADBF7

#F7AADB

#DBF7AA

Split Complementary

#AADBF7

#F7AAB5

#F7EDAA

Tetradic

#AADBF7

#EDAAF7

#F7C6AA

#B5F7AA

Color Blindness Simulation

Original

#AADBF7

Protanopia

#BFC0F0

Deuteranopia

#BCB9EF

Tritanopia

#ACEBEA

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E1F1FA
200
#BEE3F9
300
#8FD0F4
400
#53B6EF
500
#169CE9
600
#127DBA
700
#0E6495
800
#0B4E75
900
#0C3A55
950
#082535

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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