# Purple Color (#800080)

> Purple is a CSS named color defined as hex code #800080.

- **URL**: https://swatchatlas.com/colors/purple/
- **Language**: English (en)
- **CSS Name**: `purple`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #800080
- **RGB**: rgb(128, 0, 128)
- **HSL**: hsl(300, 100%, 25%)
- **HSV/HSB**: hsv(300, 100%, 50%)
- **CMYK**: cmyk(0%, 100%, 0%, 50%) (digital approximation, non-print)
- **OKLCH**: oklch(0.421 0.193 328.4)

## What Colors Go With Purple
Contrast is each color on Purple (WCAG 2.2); 4.5:1 or above is text-safe.
- **White (#FFFFFF)**: 9.42:1, text-safe. The natural text color on purple buttons and banners.
- **Gold (#FFD700)**: 6.72:1, text-safe. A classic royal pairing for crests, borders and headings.
- **Lavender (#E6E6FA)**: 7.65:1, text-safe. A pale tonal partner for backgrounds and soft text.
- **Pink (#FFC0CB)**: 6.12:1, text-safe. A soft, playful contrast that stays in the same warm family.
- **Light Gray (#D3D3D3)**: 6.29:1, text-safe. A cool neutral for secondary text and dividers.
- **Plum (#DDA0DD)**: 4.55:1, text-safe. A lighter purple for gradients and layered tonal designs.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Purple**: 2.23:1 (Fails AA and AAA)
- **Pure White (#FFFFFF) text on Purple**: 9.42:1 (Passes AA and AAA for both normal and large text)
- **Dark Charcoal (#212529) text on Purple**: 1.64:1 (Fails AA and AAA)
- **Mid Gray (#666666) text on Purple**: 1.64:1 (Fails AA and AAA)

## FAQ
### Can I use black text on Purple?
No. Black text on Purple has a WCAG 2.2 contrast ratio of only 2.23:1, below the 3:1 minimum even for large text.

### Can I use white text on Purple?
Yes. White text on Purple has a WCAG 2.2 contrast ratio of 9.42:1, passing both AA (4.5:1) and AAA (7:1) at every text size.

### What colors go with Purple?
White, Gold, Lavender, Pink, Light Gray and Plum all go well with Purple. White (9.42:1), Gold (6.72:1), Lavender (7.65:1), Pink (6.12:1), Light Gray (6.29:1) and Plum (4.55:1) have enough contrast for text on Purple.

### Why does purple look different in some software?
Some programs follow the older X11 color list, where purple is #A020F0, a brighter violet-purple. CSS defines purple as #800080.

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/purple-1920x1080.png