#AC2768

#AC2768

Color Values

HEX

#AC2768

RGB

172, 39, 104

HSL

330.7, 63.0%, 41.4%

HSV

330.7, 77.3%, 67.5%

CMYK

0.0%, 77.3%, 39.5%, 32.5%

OKLCH

0.5057 0.1768 356.0

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AC2768

#27AC6B

Analogous

#AC27AB

#AC2927

#AC2768

Triadic

#AC2768

#68AC27

#2768AC

Split Complementary

#AC2768

#27AC29

#27ABAC

Tetradic

#AC2768

#ABAC27

#27AC6B

#2927AC

Color Blindness Simulation

Original

#AC2768

Protanopia

#727158

Deuteranopia

#7A8454

Tritanopia

#A54C49

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F7E4ED
200
#F2C5DB
300
#E89BC1
400
#DC659F
500
#D02F7E
600
#A62665
700
#851E50
800
#68183F
900
#4C1530
950
#300D1E

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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