#AED2FB

#AED2FB

Color Values

HEX

#AED2FB

RGB

174, 210, 251

HSL

211.9, 90.6%, 83.3%

HSV

211.9, 30.7%, 98.4%

CMYK

30.7%, 16.3%, 0.0%, 1.6%

OKLCH

0.8517 0.0691 251.9

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#AED2FB

#FBD7AE

Analogous

#AEF9FB

#B0AEFB

#AED2FB

Triadic

#AED2FB

#FBAED2

#D2FBAE

Split Complementary

#AED2FB

#FBB0AE

#F9FBAE

Tetradic

#AED2FB

#FBAEF9

#FBD7AE

#AEFBB0

Color Blindness Simulation

Original

#AED2FB

Protanopia

#BEBEF1

Deuteranopia

#BCB9EF

Tritanopia

#B0E9E8

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BBD9FC
300
#8ABEF9
400
#4B9BF6
500
#0C78F3
600
#0A60C2
700
#084D9C
800
#063C7A
900
#092E58
950
#061D38

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.41:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026