#9E709A Color

#9E709A is rgb(158, 112, 154) in RGB and hsl(305, 19%, 53%) in HSL. The closest CSS named color is Gray. Black text is most readable on this background.

#9E709A

HEX#9E709A

RGBrgb(158, 112, 154)

HSLhsl(305, 19%, 53%)

HSVhsv(305, 29%, 62%)

OKLCHoklch(60.6% 0.082 329.5)

CMYKcmyk(0%, 29%, 3%, 38%)

Text Contrast & Accessibility

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

TextWhite text4.01:1AA normal ✗AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#9E709A Complementary#709E74 Analogous#8B709E Analogous#9E7083 Triadic#9A9E70 Triadic#709A9E

Tints & Shades

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

Tints

#AA83A7 #B998B6 #C5AAC3 #D4BFD2 #E0D1DF #EEE7EE

Shades

#8C5F88 #765173 #61425F #4C344A #372535 #211720

Use #9E709A in Our Tools

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