#AC7CDC

#AC7CDC

Color Values

HEX

#AC7CDC

RGB

172, 124, 220

HSL

270,0, 57,8%, 67,5%

HSV

270,0, 43,6%, 86,3%

CMYK

21,8%, 43,6%, 0,0%, 13,7%

OKLCH

0,672 0,1453 305,9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AC7CDC

#ACDC7C

Analogous

#7C7CDC

#DC7CDC

#AC7CDC

Triadic

#AC7CDC

#DCAC7C

#7CDCAC

Split Complementary

#AC7CDC

#DCDC7C

#7CDC7C

Tetradic

#AC7CDC

#DC7C7C

#ACDC7C

#7CDCDC

Color Blindness Simulation

Original

#AC7CDC

Protanopia

#9797C5

Deuteranopia

#9A9EBF

Tritanopia

#AAB2AE

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE4F6
200
#DBC7F0
300
#C29EE5
400
#A16AD7
500
#8036C9
600
#662BA1
700
#522281
800
#401B65
900
#30174A
950
#1F0F2F

Contrast Checker

Text on white

3,15:1

AA Fail AAA Fail

Text on black

6,67:1

AA Pass AAA Fail

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