#ADD2EF

#ADD2EF

Color Values

HEX

#ADD2EF

RGB

173, 210, 239

HSL

206.4, 67.3%, 80.8%

HSV

206.4, 27.6%, 93.7%

CMYK

27.6%, 12.1%, 0.0%, 6.3%

OKLCH

0.8467 0.0565 241.9

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ADD2EF

#EFCAAD

Analogous

#ADEFEB

#ADB1EF

#ADD2EF

Triadic

#ADD2EF

#EFADD2

#D2EFAD

Split Complementary

#ADD2EF

#EFADB1

#EFEBAD

Tetradic

#ADD2EF

#EBADEF

#EFCAAD

#B1EFAD

Color Blindness Simulation

Original

#ADD2EF

Protanopia

#BDBDE8

Deuteranopia

#BBB8E6

Tritanopia

#AFE2E1

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C3DEF3
300
#99C7EB
400
#61A8E0
500
#2A8AD5
600
#216EAB
700
#1B5889
800
#15456B
900
#13344E
950
#0C2131

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.24:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026