#ADD5DB

#ADD5DB

Color Values

HEX

#ADD5DB

RGB

173, 213, 219

HSL

187.8, 39.0%, 76.9%

HSV

187.8, 21.0%, 85.9%

CMYK

21.0%, 2.7%, 0.0%, 14.1%

OKLCH

0.8463 0.0428 207.6

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#ADD5DB

#DBB3AD

Analogous

#ADDBCA

#ADBEDB

#ADD5DB

Triadic

#ADD5DB

#DBADD5

#D5DBAD

Split Complementary

#ADD5DB

#DBADBE

#DBCAAD

Tetradic

#ADD5DB

#CAADDB

#DBB3AD

#BEDBAD

Color Blindness Simulation

Original

#ADD5DB

Protanopia

#BEBFDA

Deuteranopia

#BCB9D9

Tritanopia

#AFD8D8

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6E9
300
#AAD3DA
400
#7CBCC5
500
#4EA4B1
600
#3E838E
700
#326971
800
#275259
900
#1F3D41
950
#142729

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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