#AC539F

#AC539F

Color Values

HEX

#AC539F

RGB

172, 83, 159

HSL

308.8, 34.9%, 50.0%

HSV

308.8, 51.7%, 67.5%

CMYK

0.0%, 51.7%, 7.6%, 32.5%

OKLCH

0.5781 0.1499 333.1

Properties

Warm Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#AC539F

#53AC60

Analogous

#8D53AC

#AC5372

#AC539F

Triadic

#AC539F

#9FAC53

#539FAC

Split Complementary

#AC539F

#72AC53

#53AC8D

Tetradic

#AC539F

#AC8D53

#53AC60

#5372AC

Color Blindness Simulation

Original

#AC539F

Protanopia

#85858D

Deuteranopia

#8B9188

Tritanopia

#A87E7B

Achromatopsia

#6B6B6B

CSS Usage

background-color: #AC539F;
color: #AC539F;
border-color: #AC539F;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5F9
100
#F2E8F1
200
#E8CFE4
300
#D7ACD1
400
#C280B8
500
#AC539F
600
#8A427F
700
#6E3566
800
#562A4F
900
#40213B
950
#281525

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

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