#AC2EB3

#AC2EB3

Color Values

HEX

#AC2EB3

RGB

172, 46, 179

HSL

296.8, 59.1%, 44.1%

HSV

296.8, 74.3%, 70.2%

CMYK

3.9%, 74.3%, 0.0%, 29.8%

OKLCH

0.5476 0.2174 325.7

Properties

Cool Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#AC2EB3

#35B32E

Analogous

#692EB3

#B32E78

#AC2EB3

Triadic

#AC2EB3

#B3AC2E

#2EB3AC

Split Complementary

#AC2EB3

#78B32E

#2EB369

Tetradic

#AC2EB3

#B3692E

#35B32E

#2E78B3

Color Blindness Simulation

Original

#AC2EB3

Protanopia

#757493

Deuteranopia

#7D868B

Tritanopia

#A67974

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E4F6
200
#EEC6F0
300
#E29EE6
400
#D269D8
500
#C334CB
600
#9C2AA2
700
#7D2182
800
#611A65
900
#47174A
950
#2D0E2F

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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