#AB87BA Color

#AB87BA is rgb(171, 135, 186) in RGB and hsl(282, 27%, 63%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#AB87BA

HEX#AB87BA

RGBrgb(171, 135, 186)

HSLhsl(282, 27%, 63%)

HSVhsv(282, 27%, 73%)

OKLCHoklch(67.5% 0.084 315.8)

CMYKcmyk(8%, 27%, 0%, 27%)

Text Contrast & Accessibility

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

TextWhite text3.04:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.91:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#AB87BA Complementary#96BA87 Analogous#9187BA Analogous#BA87B0 Triadic#BAAB87 Triadic#87BAAB

Tints & Shades

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

Tints

#B697C3 #C2A8CD #CDB8D6 #D8C8DF #E4D8E9 #EFE8F2

Shades

#996DAB #825695 #6B477B #52365E #3B2744 #221627

Use #AB87BA in Our Tools

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