#ADC7DD

#ADC7DD

Color Values

HEX

#ADC7DD

RGB

173, 199, 221

HSL

207.5, 41.4%, 77.3%

HSV

207.5, 21.7%, 86.7%

CMYK

21.7%, 10.0%, 0.0%, 13.3%

OKLCH

0.8174 0.042 243.8

Properties

Cool Light Nearest: NCS S 0520-B Light Blue

Color Harmonies

Complementary

#ADC7DD

#DDC3AD

Analogous

#ADDDDB

#ADAFDD

#ADC7DD

Triadic

#ADC7DD

#DDADC7

#C7DDAD

Split Complementary

#ADC7DD

#DDADAF

#DDDBAD

Tetradic

#ADC7DD

#DBADDD

#DDC3AD

#AFDDAD

Color Blindness Simulation

Original

#ADC7DD

Protanopia

#B8B8D8

Deuteranopia

#B7B5D6

Tritanopia

#AED3D3

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDDEA
300
#A8C4DB
400
#7AA4C8
500
#4B84B4
600
#3C6A90
700
#305473
800
#25425A
900
#1E3243
950
#13202A

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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