#AC498D

#AC498D

Color Values

HEX

#AC498D

RGB

172, 73, 141

HSL

318.8, 40.4%, 48.0%

HSV

318.8, 57.6%, 67.5%

CMYK

0.0%, 57.6%, 18.0%, 32.5%

OKLCH

0.5566 0.1522 341.4

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AC498D

#49AC68

Analogous

#9949AC

#AC495B

#AC498D

Triadic

#AC498D

#8DAC49

#498DAC

Split Complementary

#AC498D

#5BAC49

#49AC99

Tetradic

#AC498D

#AC9949

#49AC68

#495BAC

Color Blindness Simulation

Original

#AC498D

Protanopia

#81807D

Deuteranopia

#878E79

Tritanopia

#A7706D

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EF
200
#EACDE1
300
#DBA9CB
400
#C77BAF
500
#B34C93
600
#8F3D75
700
#73315E
800
#5A2649
900
#421F37
950
#2A1323

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

4.09:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026