#ADCAF0

#ADCAF0

Color Values

HEX

#ADCAF0

RGB

173, 202, 240

HSL

214.0, 69.1%, 81.0%

HSV

214.0, 27.9%, 94.1%

CMYK

27.9%, 15.8%, 0.0%, 5.9%

OKLCH

0.8304 0.0621 255.3

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#ADCAF0

#F0D3AD

Analogous

#ADECF0

#B2ADF0

#ADCAF0

Triadic

#ADCAF0

#F0ADCA

#CAF0AD

Split Complementary

#ADCAF0

#F0B2AD

#ECF0AD

Tetradic

#ADCAF0

#F0ADEC

#F0D3AD

#ADF0B2

Color Blindness Simulation

Original

#ADCAF0

Protanopia

#BABAE7

Deuteranopia

#B8B6E5

Tritanopia

#AEE0DE

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3ECF8
200
#C3D8F4
300
#98BCEC
400
#5F98E2
500
#2774D8
600
#205DAC
700
#194A8A
800
#143A6C
900
#122C4F
950
#0C1C32

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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