#AEAFE4

#AEAFE4

Color Values

HEX

#AEAFE4

RGB

174, 175, 228

HSL

238.9, 50.0%, 78.8%

HSV

238.9, 23.7%, 89.4%

CMYK

23.7%, 23.2%, 0.0%, 10.6%

OKLCH

0.7718 0.0754 283.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AEAFE4

#E4E3AE

Analogous

#AECAE4

#C8AEE4

#AEAFE4

Triadic

#AEAFE4

#E4AEAF

#AFE4AE

Split Complementary

#AEAFE4

#E4C8AE

#CAE4AE

Tetradic

#AEAFE4

#E4AECA

#E4E3AE

#AEE4C8

Color Blindness Simulation

Original

#AEAFE4

Protanopia

#AEAED7

Deuteranopia

#AEAED4

Tritanopia

#AECDCB

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#C9CAED
300
#A3A4E0
400
#7173D0
500
#4042BF
600
#333599
700
#292A7A
800
#202160
900
#1B1B46
950
#11112C

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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