#ADBDC6

#ADBDC6

Color Values

HEX

#ADBDC6

RGB

173, 189, 198

HSL

201.6, 18.0%, 72.7%

HSV

201.6, 12.6%, 77.6%

CMYK

12.6%, 4.5%, 0.0%, 22.4%

OKLCH

0.7889 0.0218 232.2

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#ADBDC6

#C6B6AD

Analogous

#ADC6C2

#ADB0C6

#ADBDC6

Triadic

#ADBDC6

#C6ADBD

#BDC6AD

Split Complementary

#ADBDC6

#C6ADB0

#C6C2AD

Tetradic

#ADBDC6

#C2ADC6

#C6B6AD

#B0C6AD

Color Blindness Simulation

Original

#ADBDC6

Protanopia

#B4B4C4

Deuteranopia

#B3B2C3

Tritanopia

#AEC2C2

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D5DDE2
300
#B7C5CD
400
#90A5B2
500
#698696
600
#546B78
700
#435660
800
#34434B
900
#293338
950
#1A2024

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

10.87:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026