#AEDAFD

#AEDAFD

Color Values

HEX

#AEDAFD

RGB

174, 218, 253

HSL

206.6, 95.2%, 83.7%

HSV

206.6, 31.2%, 99.2%

CMYK

31.2%, 13.8%, 0.0%, 0.8%

OKLCH

0.869 0.0671 242.5

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#AEDAFD

#FDD1AE

Analogous

#AEFDF9

#AEB2FD

#AEDAFD

Triadic

#AEDAFD

#FDAEDA

#DAFDAE

Split Complementary

#AEDAFD

#FDAEB2

#FDF9AE

Tetradic

#AEDAFD

#F9AEFD

#FDD1AE

#B2FDAE

Color Blindness Simulation

Original

#AEDAFD

Protanopia

#C1C1F5

Deuteranopia

#BEBBF2

Tritanopia

#B0EEEC

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEFFC
200
#B9DFFD
300
#88C8FC
400
#47ABFA
500
#068DF9
600
#0571C7
700
#045A9F
800
#03477C
900
#07355A
950
#042239

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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