#AC0F66

#AC0F66

Color Values

HEX

#AC0F66

RGB

172, 15, 102

HSL

326.8, 84.0%, 36.7%

HSV

326.8, 91.3%, 67.5%

CMYK

0.0%, 91.3%, 40.7%, 32.5%

OKLCH

0.491 0.1941 355.1

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AC0F66

#0FAC55

Analogous

#A40FAC

#AC0F17

#AC0F66

Triadic

#AC0F66

#66AC0F

#0F66AC

Split Complementary

#AC0F66

#17AC0F

#0FACA4

Tetradic

#AC0F66

#ACA40F

#0FAC55

#0F17AC

Color Blindness Simulation

Original

#AC0F66

Protanopia

#686751

Deuteranopia

#717D4C

Tritanopia

#A4403D

Achromatopsia

#373737

CSS Usage

background-color: #AC0F66;
color: #AC0F66;
border-color: #AC0F66;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#F9BDDE
300
#F58EC7
400
#F051A9
500
#EB148B
600
#BC106F
700
#960D59
800
#750A45
900
#550C34
950
#360721

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

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