#AC2F83

#AC2F83

Color Values

HEX

#AC2F83

RGB

172, 47, 131

HSL

319,7, 57,1%, 42,9%

HSV

319,7, 72,7%, 67,5%

CMYK

0,0%, 72,7%, 23,8%, 32,5%

OKLCH

0,5233 0,1819 344,0

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AC2F83

#2FAC58

Analogous

#962FAC

#AC2F44

#AC2F83

Triadic

#AC2F83

#83AC2F

#2F83AC

Split Complementary

#AC2F83

#44AC2F

#2FAC96

Tetradic

#AC2F83

#AC962F

#2FAC58

#2F44AC

Color Blindness Simulation

Original

#AC2F83

Protanopia

#76756F

Deuteranopia

#7D866A

Tritanopia

#A65F5B

Achromatopsia

#505050

CSS Usage

background-color: #AC2F83;
color: #AC2F83;
border-color: #AC2F83;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF4F9
100
#F6E4F0
200
#F0C7E2
300
#E59FCE
400
#D76BB3
500
#C83798
600
#A02C7A
700
#802362
800
#641B4C
900
#491839
950
#2E0F24

Contrast Checker

Text on white

6,02:1

AA Pass AAA Fail

Text on black

3,49:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026