#ACA2CA

#ACA2CA

Color Values

HEX

#ACA2CA

RGB

172, 162, 202

HSL

255.0, 27.4%, 71.4%

HSV

255.0, 19.8%, 79.2%

CMYK

14.9%, 19.8%, 0.0%, 20.8%

OKLCH

0.7342 0.0581 296.4

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ACA2CA

#C0CAA2

Analogous

#A2ACCA

#C0A2CA

#ACA2CA

Triadic

#ACA2CA

#CAACA2

#A2CAAC

Split Complementary

#ACA2CA

#CAC0A2

#ACCAA2

Tetradic

#ACA2CA

#CAA2AC

#C0CAA2

#A2CAC0

Color Blindness Simulation

Original

#ACA2CA

Protanopia

#A8A8C0

Deuteranopia

#A8A9BE

Tritanopia

#ACB9B7

Achromatopsia

#A7A7A7

CSS Usage

background-color: #ACA2CA;
color: #ACA2CA;
border-color: #ACA2CA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F6F9
100
#EBE9F1
200
#D6D2E5
300
#B9B1D3
400
#9487BB
500
#6E5DA2
600
#584A82
700
#463B68
800
#372E51
900
#2A253C
950
#1B1726

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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