#AC15A7

#AC15A7

Color Values

HEX

#AC15A7

RGB

172, 21, 167

HSL

302.0, 78.2%, 37.8%

HSV

302.0, 87.8%, 67.5%

CMYK

0.0%, 87.8%, 2.9%, 32.5%

OKLCH

0.5253 0.2285 329.9

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AC15A7

#15AC1A

Analogous

#6515AC

#AC155B

#AC15A7

Triadic

#AC15A7

#A7AC15

#15A7AC

Split Complementary

#AC15A7

#5BAC15

#15AC65

Tetradic

#AC15A7

#AC6515

#15AC1A

#155BAC

Color Blindness Simulation

Original

#AC15A7

Protanopia

#6B6984

Deuteranopia

#737F7B

Tritanopia

#A46862

Achromatopsia

#404040

CSS Usage

background-color: #AC15A7;
color: #AC15A7;
border-color: #AC15A7;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF2FC
100
#F9E1F8
200
#F7BFF5
300
#F292EE
400
#EA57E6
500
#E31CDD
600
#B616B0
700
#91128D
800
#720E6E
900
#530E50
950
#340933

Contrast Checker

Text on white

6.14:1

AA Pass AAA Fail

Text on black

3.42:1

AA Fail 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