#AC48AC

#AC48AC

Color Values

HEX

#AC48AC

RGB

172, 72, 172

HSL

300,0, 41,0%, 47,8%

HSV

300,0, 58,1%, 67,5%

CMYK

0,0%, 58,1%, 0,0%, 32,5%

OKLCH

0,57 0,1786 327,6

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#AC48AC

#48AC48

Analogous

#7A48AC

#AC487A

#AC48AC

Triadic

#AC48AC

#ACAC48

#48ACAC

Split Complementary

#AC48AC

#7AAC48

#48AC7A

Tetradic

#AC48AC

#AC7A48

#48AC48

#487AAC

Color Blindness Simulation

Original

#AC48AC

Protanopia

#818094

Deuteranopia

#868E8E

Tritanopia

#A7817C

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#EACDEA
300
#DBA9DB
400
#C77AC7
500
#B44BB4
600
#903C90
700
#733073
800
#5A265A
900
#421F42
950
#2A132A

Contrast Checker

Text on white

4,91:1

AA Pass AAA Fail

Text on black

4,28: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