#ADDEF8

#ADDEF8

Color Values

HEX

#ADDEF8

RGB

173, 222, 248

HSL

200.8, 84.3%, 82.5%

HSV

200.8, 30.2%, 97.3%

CMYK

30.2%, 10.5%, 0.0%, 2.7%

OKLCH

0.875 0.0622 231.5

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#ADDEF8

#F8C7AD

Analogous

#ADF8EC

#ADB8F8

#ADDEF8

Triadic

#ADDEF8

#F8ADDE

#DEF8AD

Split Complementary

#ADDEF8

#F8ADB8

#F8ECAD

Tetradic

#ADDEF8

#ECADF8

#F8C7AD

#B8F8AD

Color Blindness Simulation

Original

#ADDEF8

Protanopia

#C2C3F2

Deuteranopia

#BFBCF0

Tritanopia

#AFEDEC

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F1FA
200
#BDE5F9
300
#8ED2F5
400
#51B9F0
500
#14A0EB
600
#1080BC
700
#0D6796
800
#0A5075
900
#0C3C55
950
#072636

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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