#ACA5F0

#ACA5F0

Color Values

HEX

#ACA5F0

RGB

172, 165, 240

HSL

245.6, 71.4%, 79.4%

HSV

245.6, 31.2%, 94.1%

CMYK

28.3%, 31.2%, 0.0%, 5.9%

OKLCH

0.7559 0.1068 287.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#ACA5F0

#E9F0A5

Analogous

#A5C3F0

#D1A5F0

#ACA5F0

Triadic

#ACA5F0

#F0ACA5

#A5F0AC

Split Complementary

#ACA5F0

#F0D1A5

#C3F0A5

Tetradic

#ACA5F0

#F0A5C3

#E9F0A5

#A5F0D1

Color Blindness Simulation

Original

#ACA5F0

Protanopia

#A9A9DE

Deuteranopia

#A9AADA

Tritanopia

#ACD0CC

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E4E2F8
200
#C7C2F5
300
#9E96ED
400
#6A5DE4
500
#3524DB
600
#2B1DAF
700
#22178C
800
#1B126D
900
#171150
950
#0F0B32

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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