#AC13B0

#AC13B0

Color Values

HEX

#AC13B0

RGB

172, 19, 176

HSL

298.5, 80.5%, 38.2%

HSV

298.5, 89.2%, 69.0%

CMYK

2.3%, 89.2%, 0.0%, 31.0%

OKLCH

0.5301 0.2358 327.0

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#AC13B0

#17B013

Analogous

#5D13B0

#B01365

#AC13B0

Triadic

#AC13B0

#B0AC13

#13B0AC

Split Complementary

#AC13B0

#65B013

#13B05D

Tetradic

#AC13B0

#B05D13

#17B013

#1365B0

Color Blindness Simulation

Original

#AC13B0

Protanopia

#6A688A

Deuteranopia

#737E81

Tritanopia

#A46C65

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E1F9
200
#F7BFF8
300
#F191F3
400
#E955ED
500
#E119E6
600
#B414B8
700
#901093
800
#710C73
900
#520D54
950
#340835

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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