#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

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026