#AED9FC

#AED9FC

Color Values

HEX

#AED9FC

RGB

174, 217, 252

HSL

206.9, 92.9%, 83.5%

HSV

206.9, 31.0%, 98.8%

CMYK

31.0%, 13.9%, 0.0%, 1.2%

OKLCH

0.8666 0.0664 243.1

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#AED9FC

#FCD1AE

Analogous

#AEFCF8

#AEB2FC

#AED9FC

Triadic

#AED9FC

#FCAED9

#D9FCAE

Split Complementary

#AED9FC

#FCAEB2

#FCF8AE

Tetradic

#AED9FC

#F8AEFC

#FCD1AE

#B2FCAE

Color Blindness Simulation

Original

#AED9FC

Protanopia

#C1C1F4

Deuteranopia

#BEBBF1

Tritanopia

#B0EDEB

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BADFFC
300
#89C8FB
400
#49AAF8
500
#098CF6
600
#0770C5
700
#06599D
800
#05467B
900
#083559
950
#052138

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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