#AEABE3

#AEABE3

Color Values

HEX

#AEABE3

RGB

174, 171, 227

HSL

243.2, 50.0%, 78.0%

HSV

243.2, 24.7%, 89.0%

CMYK

23.3%, 24.7%, 0.0%, 11.0%

OKLCH

0.7635 0.0797 286.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AEABE3

#E0E3AB

Analogous

#ABC4E3

#CAABE3

#AEABE3

Triadic

#AEABE3

#E3AEAB

#ABE3AE

Split Complementary

#AEABE3

#E3CAAB

#C4E3AB

Tetradic

#AEABE3

#E3ABC4

#E0E3AB

#ABE3CA

Color Blindness Simulation

Original

#AEABE3

Protanopia

#ADADD5

Deuteranopia

#ADADD2

Tritanopia

#AECBC8

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#CBC9ED
300
#A6A3E0
400
#7771D0
500
#4740BF
600
#383399
700
#2D297A
800
#232060
900
#1D1B46
950
#12112C

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

9.73:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026