#ACAEE9

#ACAEE9

Color Values

HEX

#ACAEE9

RGB

172, 174, 233

HSL

238.0, 58.1%, 79.4%

HSV

238.0, 26.2%, 91.4%

CMYK

26.2%, 25.3%, 0.0%, 8.6%

OKLCH

0.7704 0.0841 282.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ACAEE9

#E9E7AC

Analogous

#ACCDE9

#C8ACE9

#ACAEE9

Triadic

#ACAEE9

#E9ACAE

#AEE9AC

Split Complementary

#ACAEE9

#E9C8AC

#CDE9AC

Tetradic

#ACAEE9

#E9ACCD

#E9E7AC

#ACE9C8

Color Blindness Simulation

Original

#ACAEE9

Protanopia

#ADADDB

Deuteranopia

#ADADD7

Tritanopia

#ACCFCD

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C7C8F0
300
#9EA1E5
400
#6A6DD7
500
#353ACA
600
#2B2FA1
700
#222581
800
#1B1D65
900
#17194A
950
#0F102F

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