#AB497A Color

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

#AB497A

HEX#AB497A

RGBrgb(171, 73, 122)

HSLhsl(330, 40%, 48%)

HSVhsv(330, 57%, 67%)

OKLCHoklch(54.8% 0.139 351.5)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AB497A Complementary#49AB7A Analogous#AB49AB Analogous#AB4949 Triadic#7AAB49 Triadic#497AAB

Tints & Shades

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

Tints

#BA5E8C #C5779E #D090B0 #DCADC4 #E7C6D6 #F1DFE8

Shades

#96406B #7D3659 #682C4A #52233B #3D1A2B #240F1A

Use #AB497A in Our Tools

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