#AC5F78

#AC5F78

Color Values

HEX

#AC5F78

RGB

172, 95, 120

HSL

340.5, 31.7%, 52.4%

HSV

340.5, 44.8%, 67.5%

CMYK

0.0%, 44.8%, 30.2%, 32.5%

OKLCH

0.5813 0.1037 0.1

Properties

Warm Light Nearest: palevioletred 4

Color Harmonies

Complementary

#AC5F78

#5FAC93

Analogous

#AC5F9F

#AC6D5F

#AC5F78

Triadic

#AC5F78

#78AC5F

#5F78AC

Split Complementary

#AC5F78

#5FAC6D

#5F9FAC

Tetradic

#AC5F78

#9FAC5F

#5FAC93

#6D5FAC

Color Blindness Simulation

Original

#AC5F78

Protanopia

#8B8A72

Deuteranopia

#8F9570

Tritanopia

#A86D6C

Achromatopsia

#717171

CSS Usage

background-color: #AC5F78;
color: #AC5F78;
border-color: #AC5F78;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F5F7
100
#F2E8EB
200
#E7D0D7
300
#D5AEBB
400
#BF8396
500
#A85771
600
#86465B
700
#6B3849
800
#542C39
900
#3E232C
950
#27161C

Contrast Checker

Text on white

4.5:1

AA Pass AAA Fail

Text on black

4.66:1

AA Pass 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