#800080 — Tints, Shades & Color Values
#800080 is a dark, vivid pink. It is exactly the CSS named color purple. For readable text on a #800080 background, white text gives the strongest contrast (9.42:1). Because it is dark, #800080 suits text, navigation bars, and footers on light backgrounds, and its tints make natural hover and surface colors.
Color Values
| Hex | #800080 |
|---|---|
| RGB | rgb(128, 0, 128) |
| HSL | hsl(300, 100%, 25%) |
| HSV / HSB | 300°, 100%, 50% |
| Nearest named | purple (#800080) |
Need these in another format? Use our hex to RGB converter for quick two-way conversion.
Tints of #800080 (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
#8d1a8d -
20% tint
#993399 -
30% tint
#a64da6 -
40% tint
#b366b3 -
50% tint
#c080c0 -
60% tint
#cc99cc -
70% tint
#d9b3d9 -
80% tint
#e6cce6 -
90% tint
#f2e6f2
Shades of #800080 (Mixed with Black)
Each step blends the base color toward black using new = old × (1 − factor).
-
10% shade
#730073 -
20% shade
#660066 -
30% shade
#5a005a -
40% shade
#4d004d -
50% shade
#400040 -
60% shade
#330033 -
70% shade
#260026 -
80% shade
#1a001a -
90% shade
#0d000d
WCAG Contrast & Accessibility
Contrast ratios for text placed on a #800080 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 9.42:1 — AA normal: Pass · AA large: Pass · AAA: Pass |
|---|---|
| Black text 2.23:1 — AA normal: Fail · AA large: Fail · AAA: Fail |
If neither pure white nor pure black reaches the level you need, pick a lighter tint of #800080 from the ramps above as the background instead — small lightness moves change contrast quickly. Test any other pair with the free contrast checker.
More pink colors in the library: #701A75 (fuchsia-900), #831843 (pink-900), #881337 (rose-900), #86198F (fuchsia-800), #500724 (pink-950), #4A044E (fuchsia-950).
Frequently Asked Questions
-
What color is #800080?
#800080 is a dark, vivid pink —
rgb(128, 0, 128). It is exactly the CSS named colorpurple. -
How do I make tints and shades of #800080?
Mix #800080 with white for tints and with black for shades. A 20% tint of #800080 is
#993399and a 20% shade is#660066— the full 10%–90% ramps are precomputed on this page, or open #800080 in the generator for finer steps. -
What text color is readable on #800080?
White text gives the strongest contrast on a #800080 background at 9.42:1, which passes WCAG AA and AAA for normal text.
Browse more colors in the color library, or start from any hex code on the HexTints homepage.
#800080? Put it on a free link-in-bio page →