#ADCFFA

#ADCFFA

Color Values

HEX

#ADCFFA

RGB

173, 207, 250

HSL

213.5, 88.5%, 82.9%

HSV

213.5, 30.8%, 98.0%

CMYK

30.8%, 17.2%, 0.0%, 2.0%

OKLCH

0.8445 0.0706 254.5

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#ADCFFA

#FAD8AD

Analogous

#ADF5FA

#B1ADFA

#ADCFFA

Triadic

#ADCFFA

#FAADCF

#CFFAAD

Split Complementary

#ADCFFA

#FAB1AD

#F5FAAD

Tetradic

#ADCFFA

#FAADF5

#FAD8AD

#ADFAB1

Color Blindness Simulation

Original

#ADCFFA

Protanopia

#BCBCF0

Deuteranopia

#BAB7ED

Tritanopia

#AFE7E6

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0ECFB
200
#BCD8FB
300
#8CBBF8
400
#4D97F4
500
#0F72F0
600
#0C5BC0
700
#09499A
800
#073978
900
#0A2C57
950
#061C37

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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