#AC18A1

#AC18A1

Color Values

HEX

#AC18A1

RGB

172, 24, 161

HSL

304.5, 75.5%, 38.4%

HSV

304.5, 86.0%, 67.5%

CMYK

0.0%, 86.0%, 6.4%, 32.5%

OKLCH

0.5231 0.2226 331.9

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AC18A1

#18AC23

Analogous

#6D18AC

#AC1857

#AC18A1

Triadic

#AC18A1

#A1AC18

#18A1AC

Split Complementary

#AC18A1

#57AC18

#18AC6D

Tetradic

#AC18A1

#AC6D18

#18AC23

#1857AC

Color Blindness Simulation

Original

#AC18A1

Protanopia

#6C6B80

Deuteranopia

#748078

Tritanopia

#A56660

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E2F7
200
#F6C0F2
300
#F094E9
400
#E859DD
500
#E01FD1
600
#B319A7
700
#8F1486
800
#701069
900
#51104C
950
#330A30

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

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