#9586BB Color

#9586BB is rgb(149, 134, 187) in RGB and hsl(257, 28%, 63%) in HSL. The closest CSS named color is MediumPurple. Black text is most readable on this background.

#9586BB

HEX#9586BB

RGBrgb(149, 134, 187)

HSLhsl(257, 28%, 63%)

HSVhsv(257, 28%, 73%)

OKLCHoklch(65.3% 0.079 297.1)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#9586BB Complementary#ACBB86 Analogous#8692BB Analogous#B086BB Triadic#BB9586 Triadic#86BB95

Tints & Shades

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

Tints

#A397C4 #B2A7CD #C0B7D7 #CEC8E0 #DDD8E9 #EBE8F2

Shades

#7E6CAC #675496 #55467C #41355F #2F2745 #1B1627

Use #9586BB in Our Tools

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