#AB4FA2 Color

#AB4FA2 is rgb(171, 79, 162) in RGB and hsl(306, 37%, 49%) in HSL. The closest CSS named color is MediumOrchid. White text is most readable on this background.

#AB4FA2

HEX#AB4FA2

RGBrgb(171, 79, 162)

HSLhsl(306, 37%, 49%)

HSVhsv(306, 54%, 67%)

OKLCHoklch(57.3% 0.158 331.3)

CMYKcmyk(0%, 54%, 5%, 33%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AB4FA2 Complementary#4FAB58 Analogous#864FAB Analogous#AB4F74 Triadic#A2AB4F Triadic#4FA2AB

Tints & Shades

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

Tints

#B865B0 #C47EBD #CF96C9 #DAAFD6 #E5C7E2 #F1E0EF

Shades

#96458E #7E3A77 #693063 #50254C #3B1B38 #231021

Use #AB4FA2 in Our Tools

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