#ADC8EE

#ADC8EE

Color Values

HEX

#ADC8EE

RGB

173, 200, 238

HSL

215.1, 65.7%, 80.6%

HSV

215.1, 27.3%, 93.3%

CMYK

27.3%, 16.0%, 0.0%, 6.7%

OKLCH

0.8256 0.0612 256.9

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#ADC8EE

#EED3AD

Analogous

#ADE9EE

#B3ADEE

#ADC8EE

Triadic

#ADC8EE

#EEADC8

#C8EEAD

Split Complementary

#ADC8EE

#EEB3AD

#E9EEAD

Tetradic

#ADC8EE

#EEADE9

#EED3AD

#ADEEB3

Color Blindness Simulation

Original

#ADC8EE

Protanopia

#B9B9E5

Deuteranopia

#B7B5E3

Tritanopia

#AEDEDC

Achromatopsia

#C5C5C5

CSS Usage

background-color: #ADC8EE;
color: #ADC8EE;
border-color: #ADC8EE;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F3F7FC
100
#E3EBF7
200
#C4D7F3
300
#9ABBEA
400
#6396DF
500
#2C71D3
600
#235BA9
700
#1C4887
800
#16396A
900
#142C4D
950
#0D1C31

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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