#AEB5ED

#AEB5ED

Color Values

HEX

#AEB5ED

RGB

174, 181, 237

HSL

233.3, 63.6%, 80.6%

HSV

233.3, 26.6%, 92.9%

CMYK

26.6%, 23.6%, 0.0%, 7.1%

OKLCH

0.7874 0.08 278.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AEB5ED

#EDE6AE

Analogous

#AED5ED

#C7AEED

#AEB5ED

Triadic

#AEB5ED

#EDAEB5

#B5EDAE

Split Complementary

#AEB5ED

#EDC7AE

#D5EDAE

Tetradic

#AEB5ED

#EDAED5

#EDE6AE

#AEEDC7

Color Blindness Simulation

Original

#AEB5ED

Protanopia

#B1B1DF

Deuteranopia

#B1B0DC

Tritanopia

#AED5D2

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E6F7
200
#C5CAF2
300
#9BA4E9
400
#6572DD
500
#2E41D1
600
#2534A7
700
#1E2985
800
#172068
900
#151B4C
950
#0D1130

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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