#ACA4EA

#ACA4EA

Color Values

HEX

#ACA4EA

RGB

172, 164, 234

HSL

246.9, 62.5%, 78.0%

HSV

246.9, 29.9%, 91.8%

CMYK

26.5%, 29.9%, 0.0%, 8.2%

OKLCH

0.7513 0.0999 289.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#ACA4EA

#E2EAA4

Analogous

#A4BFEA

#CFA4EA

#ACA4EA

Triadic

#ACA4EA

#EAACA4

#A4EAAC

Split Complementary

#ACA4EA

#EACFA4

#BFEAA4

Tetradic

#ACA4EA

#EAA4BF

#E2EAA4

#A4EACF

Color Blindness Simulation

Original

#ACA4EA

Protanopia

#A9A8D9

Deuteranopia

#A9AAD5

Tritanopia

#ACCCC9

Achromatopsia

#ABABAB

CSS Usage

background-color: #ACA4EA;
color: #ACA4EA;
border-color: #ACA4EA;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F4F3FB
100
#E6E4F7
200
#CAC5F2
300
#A49CE8
400
#7366DC
500
#4230CF
600
#3526A6
700
#2A1F85
800
#211868
900
#1B154C
950
#110D30

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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