#ADCFF9

#ADCFF9

Color Values

HEX

#ADCFF9

RGB

173, 207, 249

HSL

213.2, 86.4%, 82.7%

HSV

213.2, 30.5%, 97.6%

CMYK

30.5%, 16.9%, 0.0%, 2.4%

OKLCH

0.8441 0.0694 253.9

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#ADCFF9

#F9D7AD

Analogous

#ADF5F9

#B1ADF9

#ADCFF9

Triadic

#ADCFF9

#F9ADCF

#CFF9AD

Split Complementary

#ADCFF9

#F9B1AD

#F5F9AD

Tetradic

#ADCFF9

#F9ADF5

#F9D7AD

#ADF9B1

Color Blindness Simulation

Original

#ADCFF9

Protanopia

#BCBCEF

Deuteranopia

#BAB7EC

Tritanopia

#AFE7E5

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BCD8FA
300
#8DBCF7
400
#4F98F2
500
#1174EE
600
#0E5DBE
700
#0B4A98
800
#093A77
900
#0B2C56
950
#071C36

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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