#AC2084

#AC2084

Color Values

HEX

#AC2084

RGB

172, 32, 132

HSL

317.1, 68.6%, 40.0%

HSV

317.1, 81.4%, 67.5%

CMYK

0.0%, 81.4%, 23.3%, 32.5%

OKLCH

0.5122 0.1978 342.8

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#AC2084

#20AC48

Analogous

#8E20AC

#AC203E

#AC2084

Triadic

#AC2084

#84AC20

#2084AC

Split Complementary

#AC2084

#3EAC20

#20AC8E

Tetradic

#AC2084

#AC8E20

#20AC48

#203EAC

Color Blindness Simulation

Original

#AC2084

Protanopia

#6F6E6C

Deuteranopia

#788266

Tritanopia

#A55954

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FCF3F9
100
#F8E3F2
200
#F4C3E6
300
#EC98D4
400
#E160BC
500
#D728A5
600
#AC2084
700
#8A1A6A
800
#6B1453
900
#4E133D
950
#310C27

Contrast Checker

Text on white

6.38:1

AA Pass AAA Fail

Text on black

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