#ADCDF8

#ADCDF8

Color Values

HEX

#ADCDF8

RGB

173, 205, 248

HSL

214.4, 84.3%, 82.5%

HSV

214.4, 30.2%, 97.3%

CMYK

30.2%, 17.3%, 0.0%, 2.7%

OKLCH

0.8396 0.0697 255.9

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#ADCDF8

#F8D8AD

Analogous

#ADF2F8

#B2ADF8

#ADCDF8

Triadic

#ADCDF8

#F8ADCD

#CDF8AD

Split Complementary

#ADCDF8

#F8B2AD

#F2F8AD

Tetradic

#ADCDF8

#F8ADF2

#F8D8AD

#ADF8B2

Color Blindness Simulation

Original

#ADCDF8

Protanopia

#BBBBEE

Deuteranopia

#B9B7EB

Tritanopia

#AFE5E4

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EBFA
200
#BDD7F9
300
#8EBAF5
400
#5195F0
500
#1470EB
600
#1059BC
700
#0D4896
800
#0A3875
900
#0C2B55
950
#071B36

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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