#ADD1EC

#ADD1EC

Color Values

HEX

#ADD1EC

RGB

173, 209, 236

HSL

205.7, 62.4%, 80.2%

HSV

205.7, 26.7%, 92.5%

CMYK

26.7%, 11.4%, 0.0%, 7.5%

OKLCH

0.8435 0.0538 240.7

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ADD1EC

#ECC8AD

Analogous

#ADECE7

#ADB2EC

#ADD1EC

Triadic

#ADD1EC

#ECADD1

#D1ECAD

Split Complementary

#ADD1EC

#ECADB2

#ECE7AD

Tetradic

#ADD1EC

#E7ADEC

#ECC8AD

#B2ECAD

Color Blindness Simulation

Original

#ADD1EC

Protanopia

#BDBDE5

Deuteranopia

#BAB8E4

Tritanopia

#AFE0DF

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EFF7
200
#C5DEF2
300
#9CC7E8
400
#66A9DC
500
#308BCF
600
#266FA6
700
#1F5985
800
#184568
900
#15344C
950
#0D2130

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.11:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026