#AC74A3

#AC74A3

Color Values

HEX

#AC74A3

RGB

172, 116, 163

HSL

309.6, 25.2%, 56.5%

HSV

309.6, 32.6%, 67.5%

CMYK

0.0%, 32.6%, 5.2%, 32.5%

OKLCH

0.6323 0.0948 332.5

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#AC74A3

#74AC7D

Analogous

#9974AC

#AC7487

#AC74A3

Triadic

#AC74A3

#A3AC74

#74A3AC

Split Complementary

#AC74A3

#87AC74

#74AC99

Tetradic

#AC74A3

#AC9974

#74AC7D

#7487AC

Color Blindness Simulation

Original

#AC74A3

Protanopia

#949398

Deuteranopia

#979B95

Tritanopia

#A98F8D

Achromatopsia

#838383

CSS Usage

background-color: #AC74A3;
color: #AC74A3;
border-color: #AC74A3;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F6F8
100
#F1E9F0
200
#E4D2E1
300
#D1B2CC
400
#B889B1
500
#A05F95
600
#804C77
700
#663D60
800
#50304B
900
#3B2538
950
#261823

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

5.78:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026