#ADC9EE

#ADC9EE

Color Values

HEX

#ADC9EE

RGB

173, 201, 238

HSL

214.2, 65.7%, 80.6%

HSV

214.2, 27.3%, 93.3%

CMYK

27.3%, 15.5%, 0.0%, 6.7%

OKLCH

0.8276 0.0604 255.5

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#ADC9EE

#EED2AD

Analogous

#ADE9EE

#B2ADEE

#ADC9EE

Triadic

#ADC9EE

#EEADC9

#C9EEAD

Split Complementary

#ADC9EE

#EEB2AD

#E9EEAD

Tetradic

#ADC9EE

#EEADE9

#EED2AD

#ADEEB2

Color Blindness Simulation

Original

#ADC9EE

Protanopia

#B9B9E5

Deuteranopia

#B8B5E3

Tritanopia

#AEDEDC

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4D8F3
300
#9ABCEA
400
#6398DF
500
#2C74D3
600
#235DA9
700
#1C4A87
800
#163A6A
900
#142C4D
950
#0D1C31

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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