#AC4F89

#AC4F89

Color Values

HEX

#AC4F89

RGB

172, 79, 137

HSL

322.6, 37.1%, 49.2%

HSV

322.6, 54.1%, 67.5%

CMYK

0.0%, 54.1%, 20.3%, 32.5%

OKLCH

0.563 0.1397 344.2

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AC4F89

#4FAC72

Analogous

#A14FAC

#AC4F5A

#AC4F89

Triadic

#AC4F89

#89AC4F

#4F89AC

Split Complementary

#AC4F89

#5AAC4F

#4FACA1

Tetradic

#AC4F89

#ACA14F

#4FAC72

#4F5AAC

Color Blindness Simulation

Original

#AC4F89

Protanopia

#84837B

Deuteranopia

#899078

Tritanopia

#A7706D

Achromatopsia

#676767

CSS Usage

background-color: #AC4F89;
color: #AC4F89;
border-color: #AC4F89;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F8
100
#F3E8EF
200
#E9CEDF
300
#D9ABC7
400
#C47EA9
500
#AF508B
600
#8C406F
700
#703359
800
#572846
900
#412034
950
#291421

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

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