#800080 — Tints, Shades & Color Values

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

#800080

#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.

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

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.

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