#AB4497

#AB4497

Color Values

HEX

#AB4497

RGB

171, 68, 151

HSL

311.7, 43.1%, 46.9%

HSV

311.7, 60.2%, 67.1%

CMYK

0.0%, 60.2%, 11.7%, 32.9%

OKLCH

0.5533 0.1666 335.9

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AB4497

#44AB58

Analogous

#8C44AB

#AB4463

#AB4497

Triadic

#AB4497

#97AB44

#4497AB

Split Complementary

#AB4497

#63AB44

#44AB8C

Tetradic

#AB4497

#AB8C44

#44AB58

#4463AB

Color Blindness Simulation

Original

#AB4497

Protanopia

#7E7E83

Deuteranopia

#848C7E

Tritanopia

#A67370

Achromatopsia

#606060

CSS Usage

background-color: #AB4497;
color: #AB4497;
border-color: #AB4497;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5F9
100
#F4E7F1
200
#EBCCE5
300
#DCA7D2
400
#C978B9
500
#B649A1
600
#923A81
700
#752E67
800
#5B2451
900
#431E3C
950
#2A1326

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

4.01:1

AA Fail 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