#A9D7FD

#A9D7FD

Color Values

HEX

#A9D7FD

RGB

169, 215, 253

HSL

207.1, 95.5%, 82.7%

HSV

207.1, 33.2%, 99.2%

CMYK

33.2%, 15.0%, 0.0%, 0.8%

OKLCH

0.8597 0.0717 243.6

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#A9D7FD

#FDCFA9

Analogous

#A9FDF9

#A9ADFD

#A9D7FD

Triadic

#A9D7FD

#FDA9D7

#D7FDA9

Split Complementary

#A9D7FD

#FDA9AD

#FDF9A9

Tetradic

#A9D7FD

#F9A9FD

#FDCFA9

#ADFDA9

Color Blindness Simulation

Original

#A9D7FD

Protanopia

#BDBDF4

Deuteranopia

#BAB7F2

Tritanopia

#ABEDEB

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEFFC
200
#B9DFFD
300
#87C7FC
400
#47A9FB
500
#068BF9
600
#056FC7
700
#0459A0
800
#03467D
900
#07345A
950
#042139

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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