#AC3FA0

#AC3FA0

Color Values

HEX

#AC3FA0

RGB

172, 63, 160

HSL

306.6, 46.4%, 46.1%

HSV

306.6, 63.4%, 67.5%

CMYK

0.0%, 63.4%, 7.0%, 32.5%

OKLCH

0.5534 0.1816 332.3

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#AC3FA0

#3FAC4B

Analogous

#823FAC

#AC3F6A

#AC3FA0

Triadic

#AC3FA0

#A0AC3F

#3FA0AC

Split Complementary

#AC3FA0

#6AAC3F

#3FAC82

Tetradic

#AC3FA0

#AC823F

#3FAC4B

#3F6AAC

Color Blindness Simulation

Original

#AC3FA0

Protanopia

#7D7C89

Deuteranopia

#838B83

Tritanopia

#A77672

Achromatopsia

#5D5D5D

CSS Usage

background-color: #AC3FA0;
color: #AC3FA0;
border-color: #AC3FA0;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCBE8
300
#DEA5D8
400
#CC75C3
500
#BB44AE
600
#95378B
700
#772C6F
800
#5D2257
900
#451C40
950
#2B1229

Contrast Checker

Text on white

5.29:1

AA Pass AAA Fail

Text on black

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