#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026