#AB89BE Color

#AB89BE is rgb(171, 137, 190) in RGB and hsl(278, 29%, 64%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#AB89BE

HEX#AB89BE

RGBrgb(171, 137, 190)

HSLhsl(278, 29%, 64%)

HSVhsv(278, 28%, 75%)

OKLCHoklch(68% 0.085 313.2)

CMYKcmyk(10%, 28%, 0%, 25%)

Text Contrast & Accessibility

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

TextWhite text2.98:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.05:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#AB89BE Complementary#9CBE89 Analogous#9089BE Analogous#BE89B7 Triadic#BEAA89 Triadic#89BEAA

Tints & Shades

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

Tints

#B699C7 #C2A9D0 #CEBAD9 #D7C7E0 #E3D8E9 #EFE8F2

Shades

#956BAE #81559B #68457D #523663 #3A2645 #24182B

Use #AB89BE in Our Tools

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