#AC2C6D

#AC2C6D

Color Values

HEX

#AC2C6D

RGB

172, 44, 109

HSL

329.5, 59.3%, 42.4%

HSV

329.5, 74.4%, 67.5%

CMYK

0.0%, 74.4%, 36.6%, 32.5%

OKLCH

0.5117 0.1736 354.2

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AC2C6D

#2CAC6B

Analogous

#AB2CAC

#AC2C2D

#AC2C6D

Triadic

#AC2C6D

#6DAC2C

#2C6DAC

Split Complementary

#AC2C6D

#2DAC2C

#2CACAB

Tetradic

#AC2C6D

#ACAB2C

#2CAC6B

#2C2DAC

Color Blindness Simulation

Original

#AC2C6D

Protanopia

#75735D

Deuteranopia

#7C865A

Tritanopia

#A6514E

Achromatopsia

#4C4C4C

CSS Usage

background-color: #AC2C6D;
color: #AC2C6D;
border-color: #AC2C6D;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF3F7
100
#F6E4ED
200
#F0C6DC
300
#E69EC2
400
#D969A2
500
#CB3481
600
#A22A67
700
#822152
800
#661A40
900
#4A1731
950
#2F0E1F

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

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