#9E96BB Color

#9E96BB is rgb(158, 150, 187) in RGB and hsl(253, 21%, 66%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#9E96BB

HEX#9E96BB

RGBrgb(158, 150, 187)

HSLhsl(253, 21%, 66%)

HSVhsv(253, 20%, 73%)

OKLCHoklch(69.3% 0.054 294.9)

CMYKcmyk(16%, 20%, 0%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#9E96BB Complementary#B3BB96 Analogous#96A0BB Analogous#B096BB Triadic#BB9E96 Triadic#96BB9E

Tints & Shades

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

Tints

#ACA6C5 #B8B2CD #C6C1D7 #D1CEDF #E0DDE9 #EBE9F1

Shades

#847AA8 #6C6194 #584F78 #463E60 #312C44 #1D1A28

Use #9E96BB in Our Tools

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