#AC2048

#AC2048

Color Values

HEX

#AC2048

RGB

172, 32, 72

HSL

342.9, 68.6%, 40.0%

HSV

342.9, 81.4%, 67.5%

CMYK

0.0%, 81.4%, 58.1%, 32.5%

OKLCH

0.4908 0.1746 10.8

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#AC2048

#20AC84

Analogous

#AC208E

#AC3E20

#AC2048

Triadic

#AC2048

#48AC20

#2048AC

Split Complementary

#AC2048

#20AC3E

#208EAC

Tetradic

#AC2048

#8EAC20

#20AC84

#3E20AC

Color Blindness Simulation

Original

#AC2048

Protanopia

#6F6E3E

Deuteranopia

#78823C

Tritanopia

#A53735

Achromatopsia

#414141

CSS Usage

background-color: #AC2048;
color: #AC2048;
border-color: #AC2048;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FCF3F5
100
#F8E3E9
200
#F4C3D1
300
#EC98B0
400
#E16085
500
#D7285A
600
#AC2048
700
#8A1A3A
800
#6B142D
900
#4E1324
950
#310C16

Contrast Checker

Text on white

6.88:1

AA Pass AAA Fail

Text on black

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