#ADDDDB

#ADDDDB

Color Values

HEX

#ADDDDB

RGB

173, 221, 219

HSL

177.5, 41.4%, 77.3%

HSV

177.5, 21.7%, 86.7%

CMYK

21.7%, 0.0%, 0.9%, 13.3%

OKLCH

0.8634 0.0497 193.1

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#ADDDDB

#DDADAF

Analogous

#ADDDC3

#ADC7DD

#ADDDDB

Triadic

#ADDDDB

#DBADDD

#DDDBAD

Split Complementary

#ADDDDB

#DDADC7

#DDC3AD

Tetradic

#ADDDDB

#C3ADDD

#DDADAF

#C7DDAD

Color Blindness Simulation

Original

#ADDDDB

Protanopia

#C2C2DB

Deuteranopia

#BFBBDC

Tritanopia

#AFDCDC

Achromatopsia

#D3D3D3

CSS Usage

background-color: #ADDDDB;
color: #ADDDDB;
border-color: #ADDDDB;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CDEAE9
300
#A8DBD9
400
#7AC8C4
500
#4BB4B0
600
#3C908D
700
#307371
800
#255A58
900
#1E4341
950
#132A29

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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