#9A70BD Color

#9A70BD is rgb(154, 112, 189) in RGB and hsl(273, 37%, 59%) in HSL. The closest CSS named color is MediumPurple. Black text is most readable on this background.

#9A70BD

HEX#9A70BD

RGBrgb(154, 112, 189)

HSLhsl(273, 37%, 59%)

HSVhsv(273, 41%, 74%)

OKLCHoklch(61.8% 0.121 308.3)

CMYKcmyk(19%, 41%, 0%, 26%)

Text Contrast & Accessibility

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

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

TextBlack text5.43:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#9A70BD Complementary#93BD70 Analogous#7470BD Analogous#BD70B9 Triadic#BD9A70 Triadic#70BD9A

Tints & Shades

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

Tints

#A985C7 #B596CF #C4ABD8 #D0BDE0 #DFD2EA #EBE3F2

Shades

#8754B0 #724596 #5D387A #4A2D62 #352046 #20132A

Use #9A70BD in Our Tools

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