#ADBCD5

#ADBCD5

Color Values

HEX

#ADBCD5

RGB

173, 188, 213

HSL

217.5, 32.3%, 75.7%

HSV

217.5, 18.8%, 83.5%

CMYK

18.8%, 11.7%, 0.0%, 16.5%

OKLCH

0.7918 0.0393 260.7

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#ADBCD5

#D5C6AD

Analogous

#ADD0D5

#B2ADD5

#ADBCD5

Triadic

#ADBCD5

#D5ADBC

#BCD5AD

Split Complementary

#ADBCD5

#D5B2AD

#D0D5AD

Tetradic

#ADBCD5

#D5ADD0

#D5C6AD

#ADD5B2

Color Blindness Simulation

Original

#ADBCD5

Protanopia

#B3B4CF

Deuteranopia

#B3B2CE

Tritanopia

#AECAC9

Achromatopsia

#BBBBBB

CSS Usage

background-color: #ADBCD5;
color: #ADBCD5;
border-color: #ADBCD5;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7F9
100
#E8ECF2
200
#D0D8E7
300
#AEBDD6
400
#8299BF
500
#5675A9
600
#455E87
700
#374B6C
800
#2B3B54
900
#222D3F
950
#161C27

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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