#AB497E Color

#AB497E is rgb(171, 73, 126) in RGB and hsl(328, 40%, 48%) in HSL. The closest CSS named color is IndianRed. White text is most readable on this background.

#AB497E

HEX#AB497E

RGBrgb(171, 73, 126)

HSLhsl(328, 40%, 48%)

HSVhsv(328, 57%, 67%)

OKLCHoklch(54.9% 0.142 349.2)

CMYKcmyk(0%, 57%, 26%, 33%)

Text Contrast & Accessibility

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

TextWhite text5.27:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.99:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#AB497E Complementary#49AB77 Analogous#A849AB Analogous#AB494D Triadic#7EAB49 Triadic#497EAB

Tints & Shades

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

Tints

#BA5E8F #C577A1 #D090B2 #DCADC6 #E7C6D7 #F1DFE9

Shades

#96406E #7D365C #682C4C #52233C #3D1A2D #240F1A

Use #AB497E in Our Tools

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