#ADC8D8

#ADC8D8

Color Values

HEX

#ADC8D8

RGB

173, 200, 216

HSL

202.3, 35.5%, 76.3%

HSV

202.3, 19.9%, 84.7%

CMYK

19.9%, 7.4%, 0.0%, 15.3%

OKLCH

0.8178 0.0369 233.9

Properties

Cool Light Nearest: NCS S 0520-B Light Blue

Color Harmonies

Complementary

#ADC8D8

#D8BDAD

Analogous

#ADD8D3

#ADB3D8

#ADC8D8

Triadic

#ADC8D8

#D8ADC8

#C8D8AD

Split Complementary

#ADC8D8

#D8ADB3

#D8D3AD

Tetradic

#ADC8D8

#D3ADD8

#D8BDAD

#B3D8AD

Color Blindness Simulation

Original

#ADC8D8

Protanopia

#B9B9D4

Deuteranopia

#B7B5D3

Tritanopia

#AED1D0

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EFF3
200
#CFDFE8
300
#ACC7D8
400
#7FA9C2
500
#528BAD
600
#426F8A
700
#35596F
800
#294656
900
#213440
950
#152128

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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