#ADDCE6

#ADDCE6

Color Values

HEX

#ADDCE6

RGB

173, 220, 230

HSL

190.5, 53.3%, 79.0%

HSV

190.5, 24.8%, 90.2%

CMYK

24.8%, 4.3%, 0.0%, 9.8%

OKLCH

0.8647 0.0506 212.1

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#ADDCE6

#E6B7AD

Analogous

#ADE6D3

#ADBFE6

#ADDCE6

Triadic

#ADDCE6

#E6ADDC

#DCE6AD

Split Complementary

#ADDCE6

#E6ADBF

#E6D3AD

Tetradic

#ADDCE6

#D3ADE6

#E6B7AD

#BFE6AD

Color Blindness Simulation

Original

#ADDCE6

Protanopia

#C1C2E4

Deuteranopia

#BFBBE3

Tritanopia

#AFE2E1

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F2F5
200
#C8E8EE
300
#A1D7E2
400
#6EC1D3
500
#3CACC3
600
#30899C
700
#266E7D
800
#1E5662
900
#194048
950
#10282D

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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