#AB5989 Color

#AB5989 is rgb(171, 89, 137) in RGB and hsl(325, 33%, 51%) in HSL. The closest CSS named color is PaleVioletRed. White text is most readable on this background.

#AB5989

HEX#AB5989

RGBrgb(171, 89, 137)

HSLhsl(325, 33%, 51%)

HSVhsv(325, 48%, 67%)

OKLCHoklch(57.6% 0.122 345.5)

CMYKcmyk(0%, 48%, 20%, 33%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #AB5989 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text4.64:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.52:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #AB5989 based on color wheel relationships. Click any swatch for its full breakdown.

Base#AB5989 Complementary#59AB7B Analogous#A459AB Analogous#AB5960 Triadic#89AB59 Triadic#5989AB

Tints & Shades

Lighter tints and darker shades of #AB5989, useful for hover states, backgrounds, and text variants.

Tints

#B7719A #C185A8 #CD9DB9 #D9B4CA #E5CCDB #F0E0E9

Shades

#954B76 #814166 #693553 #512941 #3A1D2E #25131E

Use #AB5989 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex