#AC0BAF

#AC0BAF

Color Values

HEX

#AC0BAF

RGB

172, 11, 175

HSL

298,9, 88,2%, 36,5%

HSV

298,9, 93,7%, 68,6%

CMYK

1,7%, 93,7%, 0,0%, 31,4%

OKLCH

0,5269 0,2385 327,4

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#AC0BAF

#0EAF0B

Analogous

#5A0BAF

#AF0B60

#AC0BAF

Triadic

#AC0BAF

#AFAC0B

#0BAFAC

Split Complementary

#AC0BAF

#60AF0B

#0BAF5A

Tetradic

#AC0BAF

#AF5A0B

#0EAF0B

#0B60AF

Color Blindness Simulation

Original

#AC0BAF

Protanopia

#666587

Deuteranopia

#707C7E

Tritanopia

#A46861

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FB
200
#FABCFB
300
#F68CF8
400
#F14DF4
500
#EC0FF0
600
#BD0CC0
700
#970A9A
800
#760878
900
#550A57
950
#360637

Contrast Checker

Text on white

6,14:1

AA Pass AAA Fail

Text on black

3,42: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