#ADD5F9

#ADD5F9

Color Values

HEX

#ADD5F9

RGB

173, 213, 249

HSL

208.4, 86.4%, 82.7%

HSV

208.4, 30.5%, 97.6%

CMYK

30.5%, 14.5%, 0.0%, 2.4%

OKLCH

0.8565 0.0657 245.8

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ADD5F9

#F9D1AD

Analogous

#ADF9F7

#ADAFF9

#ADD5F9

Triadic

#ADD5F9

#F9ADD5

#D5F9AD

Split Complementary

#ADD5F9

#F9ADAF

#F9F7AD

Tetradic

#ADD5F9

#F7ADF9

#F9D1AD

#AFF9AD

Color Blindness Simulation

Original

#ADD5F9

Protanopia

#BEBFF0

Deuteranopia

#BCB9EE

Tritanopia

#AFE9E8

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BCDDFA
300
#8DC5F7
400
#4FA5F2
500
#1185EE
600
#0E6BBE
700
#0B5598
800
#094377
900
#0B3256
950
#072036

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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