#AC199D

#AC199D

Color Values

HEX

#AC199D

RGB

172, 25, 157

HSL

306.1, 74.6%, 38.6%

HSV

306.1, 85.5%, 67.5%

CMYK

0.0%, 85.5%, 8.7%, 32.5%

OKLCH

0.5213 0.2192 333.2

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AC199D

#19AC28

Analogous

#7119AC

#AC1953

#AC199D

Triadic

#AC199D

#9DAC19

#199DAC

Split Complementary

#AC199D

#53AC19

#19AC71

Tetradic

#AC199D

#AC7119

#19AC28

#1953AC

Color Blindness Simulation

Original

#AC199D

Protanopia

#6C6B7D

Deuteranopia

#758075

Tritanopia

#A5645E

Achromatopsia

#424242

CSS Usage

background-color: #AC199D;
color: #AC199D;
border-color: #AC199D;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF2FB
100
#F8E2F6
200
#F6C1F1
300
#EF94E6
400
#E75AD9
500
#DF20CB
600
#B21AA3
700
#8E1582
800
#6F1066
900
#51104A
950
#330A2F

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

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