#AEB2F9

#AEB2F9

Color Values

HEX

#AEB2F9

RGB

174, 178, 249

HSL

236.8, 86.2%, 82.9%

HSV

236.8, 30.1%, 97.6%

CMYK

30.1%, 28.5%, 0.0%, 2.4%

OKLCH

0.7865 0.1008 281.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AEB2F9

#F9F5AE

Analogous

#AED7F9

#CFAEF9

#AEB2F9

Triadic

#AEB2F9

#F9AEB2

#B2F9AE

Split Complementary

#AEB2F9

#F9CFAE

#D7F9AE

Tetradic

#AEB2F9

#F9AED7

#F9F5AE

#AEF9CF

Color Blindness Simulation

Original

#AEB2F9

Protanopia

#B0B0E8

Deuteranopia

#B0AFE4

Tritanopia

#AEDAD7

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BDC0FA
300
#8D93F7
400
#4F58F2
500
#121DED
600
#0E17BE
700
#0B1398
800
#090F77
900
#0B0F56
950
#070936

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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