#ACAEE4

#ACAEE4

Color Values

HEX

#ACAEE4

RGB

172, 174, 228

HSL

237.9, 50.9%, 78.4%

HSV

237.9, 24.6%, 89.4%

CMYK

24.6%, 23.7%, 0.0%, 10.6%

OKLCH

0.7683 0.077 282.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ACAEE4

#E4E2AC

Analogous

#ACCAE4

#C6ACE4

#ACAEE4

Triadic

#ACAEE4

#E4ACAE

#AEE4AC

Split Complementary

#ACAEE4

#E4C6AC

#CAE4AC

Tetradic

#ACAEE4

#E4ACCA

#E4E2AC

#ACE4C6

Color Blindness Simulation

Original

#ACAEE4

Protanopia

#ADADD7

Deuteranopia

#ADADD4

Tritanopia

#ACCDCA

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C9CAED
300
#A3A5E1
400
#7174D1
500
#3F43C0
600
#32369A
700
#282B7B
800
#1F2260
900
#1A1C47
950
#11122D

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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