#ADD6FD

#ADD6FD

Color Values

HEX

#ADD6FD

RGB

173, 214, 253

HSL

209,2, 95,2%, 83,5%

HSV

209,2, 31,6%, 99,2%

CMYK

31,6%, 15,4%, 0,0%, 0,8%

OKLCH

0,8601 0,0696 247,3

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ADD6FD

#FDD4AD

Analogous

#ADFDFC

#ADAEFD

#ADD6FD

Triadic

#ADD6FD

#FDADD6

#D6FDAD

Split Complementary

#ADD6FD

#FDADAE

#FDFCAD

Tetradic

#ADD6FD

#FCADFD

#FDD4AD

#AEFDAD

Color Blindness Simulation

Original

#ADD6FD

Protanopia

#BFBFF4

Deuteranopia

#BCB9F1

Tritanopia

#AFECEA

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEEFC
200
#B9DCFD
300
#88C3FC
400
#47A3FA
500
#0683F9
600
#0569C7
700
#04549F
800
#03417C
900
#07325A
950
#041F39

Contrast Checker

Text on white

1,52:1

AA Fail AAA Fail

Text on black

13,81: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