What color is #9B59B6?

#9B59B6 is a medium, moderately saturated violet — rgb(155, 89, 182). Its nearest CSS named color is mediumorchid.

How do I make tints and shades of #9B59B6?

Mix #9B59B6 with white for tints and with black for shades. A 20% tint of #9B59B6 is #af7ac5 and a 20% shade is #7c4792; the full 10%–90% ramps are precomputed on this page.

What text color is readable on #9B59B6?

White text gives the strongest contrast on a #9B59B6 background at 4.67:1, which passes WCAG AA for normal text but not AAA.

#9B59B6 — Tints, Shades & Color Values

Every value on this page is precomputed — copy what you need.

#9B59B6

#9B59B6 is a medium, moderately saturated violet. Its nearest CSS named color is mediumorchid (#ba55d3). For readable text on a #9B59B6 background, white text gives the strongest contrast (4.67:1). #9B59B6 sits in the middle of the lightness range, so it can serve as a primary brand or accent color — use its tints for backgrounds and its shades for text and pressed states.

Want to fine-tune this color interactively? Open #9B59B6 in the tint & shade generator to explore the full lightness, hue, and chroma scales and copy any step.

Color Values

Hex	`#9B59B6`
RGB	`rgb(155, 89, 182)`
HSL	`hsl(283, 39%, 53%)`
HSV / HSB	`283°, 51%, 71%`
Nearest named	`mediumorchid` (`#ba55d3`)

Need these in another format? Use our hex to RGB converter for quick two-way conversion.

Tints of #9B59B6 (Mixed with White)

Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.

10% tint #a56abd
20% tint #af7ac5
30% tint #b98bcc
40% tint #c39bd3
50% tint #cdacdb
60% tint #d7bde2
70% tint #e1cde9
80% tint #ebdef0
90% tint #f5eef8

Shades of #9B59B6 (Mixed with Black)

Each step blends the base color toward black using new = old × (1 − factor).

10% shade #8c50a4
20% shade #7c4792
30% shade #6d3e7f
40% shade #5d356d
50% shade #4e2d5b
60% shade #3e2449
70% shade #2f1b37
80% shade #1f1224
90% shade #0f0912

WCAG Contrast & Accessibility

Contrast ratios for text placed on a #9B59B6 background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).

Text color	White text 4.67:1 — AA normal: Pass · AA large: Pass · AAA: Fail
	Black text 4.50:1 — AA normal: Fail · AA large: Pass · AAA: Fail

If neither pure white nor pure black reaches the level you need, pick a lighter tint of #9B59B6 from the ramps above as the background instead — small lightness moves change contrast quickly. Test any other pair with the free contrast checker.

More violet colors in the library: #6D28D9 (violet-700), #9333EA (purple-600), #7C3AED (violet-600), #8E44AD, #7E22CE (purple-700), #5B21B6 (violet-800).

Frequently Asked Questions

What color is #9B59B6?

#9B59B6 is a medium, moderately saturated violet — rgb(155, 89, 182). Its nearest CSS named color is mediumorchid.
How do I make tints and shades of #9B59B6?

Mix #9B59B6 with white for tints and with black for shades. A 20% tint of #9B59B6 is #af7ac5 and a 20% shade is #7c4792 — the full 10%–90% ramps are precomputed on this page, or open #9B59B6 in the generator for finer steps.
What text color is readable on #9B59B6?

White text gives the strongest contrast on a #9B59B6 background at 4.67:1, which passes WCAG AA for normal text but not AAA.

Browse more colors in the color library, or start from any hex code on the HexTints homepage.

Building a brand around #9B59B6? Put it on a free link-in-bio page →