#8E44AD — Tints, Shades & Color Values
#8E44AD is a medium, moderately saturated violet. Its nearest CSS named color is darkorchid (#9932cc). For readable text on a #8E44AD background, white text gives the strongest contrast (5.87:1). #8E44AD 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.
Color Values
| Hex | #8E44AD |
|---|---|
| RGB | rgb(142, 68, 173) |
| HSL | hsl(282, 44%, 47%) |
| HSV / HSB | 282°, 61%, 68% |
| Nearest named | darkorchid (#9932cc) |
Need these in another format? Use our hex to RGB converter for quick two-way conversion.
Tints of #8E44AD (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
#9957b5 -
20% tint
#a569bd -
30% tint
#b07cc6 -
40% tint
#bb8fce -
50% tint
#c7a2d6 -
60% tint
#d2b4de -
70% tint
#ddc7e6 -
80% tint
#e8daef -
90% tint
#f4ecf7
Shades of #8E44AD (Mixed with Black)
Each step blends the base color toward black using new = old × (1 − factor).
-
10% shade
#803d9c -
20% shade
#72368a -
30% shade
#633079 -
40% shade
#552968 -
50% shade
#472257 -
60% shade
#391b45 -
70% shade
#2b1434 -
80% shade
#1c0e23 -
90% shade
#0e0711
WCAG Contrast & Accessibility
Contrast ratios for text placed on a #8E44AD 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 5.87:1 — AA normal: Pass · AA large: Pass · AAA: Fail |
|---|---|
| Black text 3.58: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 #8E44AD from the ramps above as the background instead — small lightness moves change contrast quickly.
Browse more colors in the color library, or start from any hex code on the HexTints homepage.