#ADD1EB

#ADD1EB

Color Values

HEX

#ADD1EB

RGB

173, 209, 235

HSL

205,2, 60,8%, 80,0%

HSV

205,2, 26,4%, 92,2%

CMYK

26,4%, 11,1%, 0,0%, 7,8%

OKLCH

0,8432 0,0528 239,6

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ADD1EB

#EBC7AD

Analogous

#ADEBE6

#ADB2EB

#ADD1EB

Triadic

#ADD1EB

#EBADD1

#D1EBAD

Split Complementary

#ADD1EB

#EBADB2

#EBE6AD

Tetradic

#ADD1EB

#E6ADEB

#EBC7AD

#B2EBAD

Color Blindness Simulation

Original

#ADD1EB

Protanopia

#BDBDE5

Deuteranopia

#BAB8E3

Tritanopia

#AFE0DF

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EFF6
200
#C6DFF1
300
#9DC8E7
400
#67AADA
500
#328CCD
600
#2870A4
700
#205A83
800
#194667
900
#16354B
950
#0E212F

Contrast Checker

Text on white

1,6:1

AA Fail AAA Fail

Text on black

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