#AEADFD

#AEADFD

Color Values

HEX

#AEADFD

RGB

174, 173, 253

HSL

240.8, 95.2%, 83.5%

HSV

240.8, 31.6%, 99.2%

CMYK

31.2%, 31.6%, 0.0%, 0.8%

OKLCH

0.7787 0.1133 284.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#AEADFD

#FCFDAD

Analogous

#ADD4FD

#D6ADFD

#AEADFD

Triadic

#AEADFD

#FDAEAD

#ADFDAE

Split Complementary

#AEADFD

#FDD6AD

#D4FDAD

Tetradic

#AEADFD

#FDADD4

#FCFDAD

#ADFDD6

Color Blindness Simulation

Original

#AEADFD

Protanopia

#AEAEEA

Deuteranopia

#AEAEE5

Tritanopia

#AEDAD7

Achromatopsia

#B3B3B3

CSS Usage

background-color: #AEADFD;
color: #AEADFD;
border-color: #AEADFD;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F1F1FE
100
#DFDFFC
200
#BAB9FD
300
#8988FC
400
#4947FA
500
#0906F9
600
#0705C7
700
#06049F
800
#05037C
900
#08075A
950
#050439

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.2:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026