#ADCDFB

#ADCDFB

Color Values

HEX

#ADCDFB

RGB

173, 205, 251

HSL

215.4, 90.7%, 83.1%

HSV

215.4, 31.1%, 98.4%

CMYK

31.1%, 18.3%, 0.0%, 1.6%

OKLCH

0.8408 0.0734 257.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ADCDFB

#FBDBAD

Analogous

#ADF4FB

#B4ADFB

#ADCDFB

Triadic

#ADCDFB

#FBADCD

#CDFBAD

Split Complementary

#ADCDFB

#FBB4AD

#F4FBAD

Tetradic

#ADCDFB

#FBADF4

#FBDBAD

#ADFBB4

Color Blindness Simulation

Original

#ADCDFB

Protanopia

#BBBBF0

Deuteranopia

#B9B7ED

Tritanopia

#AFE7E5

Achromatopsia

#CACACA

CSS Usage

background-color: #ADCDFB;
color: #ADCDFB;
border-color: #ADCDFB;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F1F6FD
100
#DFEBFB
200
#BBD5FC
300
#8AB8F9
400
#4B91F6
500
#0C6BF3
600
#0955C3
700
#08449C
800
#06357A
900
#092958
950
#061A38

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026