#AC7ADD

#AC7ADD

Color Values

HEX

#AC7ADD

RGB

172, 122, 221

HSL

270,3, 59,3%, 67,3%

HSV

270,3, 44,8%, 86,7%

CMYK

22,2%, 44,8%, 0,0%, 13,3%

OKLCH

0,6692 0,1498 306,0

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AC7ADD

#ABDD7A

Analogous

#7B7ADD

#DD7ADD

#AC7ADD

Triadic

#AC7ADD

#DDAC7A

#7ADDAC

Split Complementary

#AC7ADD

#DDDD7A

#7ADD7B

Tetradic

#AC7ADD

#DD7B7A

#ABDD7A

#7ADDDD

Color Blindness Simulation

Original

#AC7ADD

Protanopia

#9696C5

Deuteranopia

#999DBF

Tritanopia

#AAB2AE

Achromatopsia

#8C8C8C

CSS Usage

background-color: #AC7ADD;
color: #AC7ADD;
border-color: #AC7ADD;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DCC6F0
300
#C29EE6
400
#A169D9
500
#8034CB
600
#672AA2
700
#522182
800
#401A66
900
#31174A
950
#1F0E2F

Contrast Checker

Text on white

3,19:1

AA Fail AAA Fail

Text on black

6,58:1

AA Pass AAA Fail

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