#ADDBDC

#ADDBDC

Color Values

HEX

#ADDBDC

RGB

173, 219, 220

HSL

181.3, 40.2%, 77.1%

HSV

181.3, 21.4%, 86.3%

CMYK

21.4%, 0.5%, 0.0%, 13.7%

OKLCH

0.8594 0.0478 198.0

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#ADDBDC

#DCAEAD

Analogous

#ADDCC6

#ADC4DC

#ADDBDC

Triadic

#ADDBDC

#DCADDB

#DBDCAD

Split Complementary

#ADDBDC

#DCADC4

#DCC6AD

Tetradic

#ADDBDC

#C6ADDC

#DCAEAD

#C4DCAD

Color Blindness Simulation

Original

#ADDBDC

Protanopia

#C1C1DC

Deuteranopia

#BEBBDC

Tritanopia

#AFDCDC

Achromatopsia

#D1D1D1

CSS Usage

background-color: #ADDBDC;
color: #ADDBDC;
border-color: #ADDBDC;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CDE9EA
300
#A9D9DA
400
#7BC5C7
500
#4CB1B3
600
#3D8D8F
700
#317172
800
#265859
900
#1F4142
950
#14292A

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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