#AB449C

#AB449C

Color Values

HEX

#AB449C

RGB

171, 68, 156

HSL

308.7, 43.1%, 46.9%

HSV

308.7, 60.2%, 67.1%

CMYK

0.0%, 60.2%, 8.8%, 32.9%

OKLCH

0.5557 0.1705 333.7

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AB449C

#44AB53

Analogous

#8744AB

#AB4469

#AB449C

Triadic

#AB449C

#9CAB44

#449CAB

Split Complementary

#AB449C

#69AB44

#44AB87

Tetradic

#AB449C

#AB8744

#44AB53

#4469AB

Color Blindness Simulation

Original

#AB449C

Protanopia

#7E7E87

Deuteranopia

#848C82

Tritanopia

#A67672

Achromatopsia

#606060

CSS Usage

background-color: #AB449C;
color: #AB449C;
border-color: #AB449C;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF5F9
100
#F4E7F2
200
#EBCCE6
300
#DCA7D5
400
#C978BE
500
#B649A7
600
#923A85
700
#752E6B
800
#5B2453
900
#431E3E
950
#2A1327

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

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