#AEAFDE

#AEAFDE

Color Values

HEX

#AEAFDE

RGB

174, 175, 222

HSL

238.8, 42.1%, 77.6%

HSV

238.8, 21.6%, 87.1%

CMYK

21.6%, 21.2%, 0.0%, 12.9%

OKLCH

0.7694 0.0669 283.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AEAFDE

#DEDDAE

Analogous

#AEC7DE

#C5AEDE

#AEAFDE

Triadic

#AEAFDE

#DEAEAF

#AFDEAE

Split Complementary

#AEAFDE

#DEC5AE

#C7DEAE

Tetradic

#AEAFDE

#DEAEC7

#DEDDAE

#AEDEC5

Color Blindness Simulation

Original

#AEAFDE

Protanopia

#AEAED3

Deuteranopia

#AEAED0

Tritanopia

#AECAC8

Achromatopsia

#B2B2B2

CSS Usage

background-color: #AEAFDE;
color: #AEAFDE;
border-color: #AEAFDE;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CCCDEA
300
#A8A9DC
400
#797BC8
500
#4A4CB5
600
#3B3D91
700
#2F3174
800
#25265B
900
#1E1F43
950
#13132A

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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