#9E87C9 Color

#9E87C9 is rgb(158, 135, 201) in RGB and hsl(261, 38%, 66%) in HSL. The closest CSS named color is MediumPurple. Black text is most readable on this background.

#9E87C9

HEX#9E87C9

RGBrgb(158, 135, 201)

HSLhsl(261, 38%, 66%)

HSVhsv(261, 33%, 79%)

OKLCHoklch(66.9% 0.099 299.8)

CMYKcmyk(21%, 33%, 0%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#9E87C9 Complementary#B2C987 Analogous#8791C9 Analogous#BF87C9 Triadic#C99E87 Triadic#87C99E

Tints & Shades

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

Tints

#AD99D1 #B8A7D7 #C6B9DF #D2C7E6 #E0D8EE #EBE6F4

Shades

#8568BB #6C4CA9 #583E89 #46316D #32234D #1D152E

Use #9E87C9 in Our Tools

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