#ADDAE2

#ADDAE2

Color Values

HEX

#ADDAE2

RGB

173, 218, 226

HSL

189.1, 47.7%, 78.2%

HSV

189.1, 23.5%, 88.6%

CMYK

23.5%, 3.5%, 0.0%, 11.4%

OKLCH

0.8592 0.0481 209.6

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#ADDAE2

#E2B5AD

Analogous

#ADE2CF

#ADBFE2

#ADDAE2

Triadic

#ADDAE2

#E2ADDA

#DAE2AD

Split Complementary

#ADDAE2

#E2ADBF

#E2CFAD

Tetradic

#ADDAE2

#CFADE2

#E2B5AD

#BFE2AD

Color Blindness Simulation

Original

#ADDAE2

Protanopia

#C0C1E0

Deuteranopia

#BEBAE0

Tritanopia

#AFDFDE

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F2F4
200
#CAE7EC
300
#A5D6DF
400
#74C0CE
500
#43AABC
600
#358897
700
#2B6D79
800
#21555E
900
#1C3F45
950
#11282C

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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