#AEAFF2

#AEAFF2

Color Values

HEX

#AEAFF2

RGB

174, 175, 242

HSL

239.1, 72.3%, 81.6%

HSV

239.1, 28.1%, 94.9%

CMYK

28.1%, 27.7%, 0.0%, 5.1%

OKLCH

0.7777 0.0951 283.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AEAFF2

#F2F1AE

Analogous

#AED1F2

#CFAEF2

#AEAFF2

Triadic

#AEAFF2

#F2AEAF

#AFF2AE

Split Complementary

#AEAFF2

#F2CFAE

#D1F2AE

Tetradic

#AEAFF2

#F2AED1

#F2F1AE

#AEF2CF

Color Blindness Simulation

Original

#AEAFF2

Protanopia

#AEAEE2

Deuteranopia

#AEAEDE

Tritanopia

#AED5D2

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E2E3F8
200
#C1C2F5
300
#9697EE
400
#5C5EE5
500
#2326DC
600
#1C1EB0
700
#17188D
800
#12136E
900
#111250
950
#0B0B33

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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