#ADC9D0

#ADC9D0

Color Values

HEX

#ADC9D0

RGB

173, 201, 208

HSL

192.0, 27.1%, 74.7%

HSV

192.0, 16.8%, 81.6%

CMYK

16.8%, 3.4%, 0.0%, 18.4%

OKLCH

0.8173 0.0317 214.5

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#ADC9D0

#D0B4AD

Analogous

#ADD0C5

#ADB7D0

#ADC9D0

Triadic

#ADC9D0

#D0ADC9

#C9D0AD

Split Complementary

#ADC9D0

#D0ADB7

#D0C5AD

Tetradic

#ADC9D0

#C5ADD0

#D0B4AD

#B7D0AD

Color Blindness Simulation

Original

#ADC9D0

Protanopia

#B9B9CE

Deuteranopia

#B8B5CE

Tritanopia

#AECDCD

Achromatopsia

#C4C4C4

CSS Usage

background-color: #ADC9D0;
color: #ADC9D0;
border-color: #ADC9D0;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F8F9
100
#E9F0F1
200
#D2E1E5
300
#B1CCD2
400
#87B0BA
500
#5D94A2
600
#4A7782
700
#3B5F68
800
#2E4A51
900
#25383C
950
#172326

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

12.04:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026