# Rebecca Purple Color (#663399)

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

- **URL**: https://swatchatlas.com/colors/rebecca-purple/
- **Language**: English (en)
- **CSS Name**: `rebeccapurple`
- **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**: #663399
- **RGB**: rgb(102, 51, 153)
- **HSL**: hsl(270, 50%, 40%)
- **HSV/HSB**: hsv(270, 67%, 60%)
- **CMYK**: cmyk(33%, 67%, 0%, 40%) (digital approximation, non-print)
- **OKLCH**: oklch(0.440 0.160 303.4)

## What Colors Go With Rebecca Purple
Contrast is each color on Rebecca Purple (WCAG 2.2); 4.5:1 or above is text-safe.
- **White (#FFFFFF)**: 8.41:1, text-safe. The natural text color on rebecca purple.
- **Gold (#FFD700)**: 5.99:1, text-safe. A warm, royal accent for headings and icons.
- **Lavender (#E6E6FA)**: 6.83:1, text-safe. A pale tonal partner for backgrounds and text.
- **Pink (#FFC0CB)**: 5.47:1, text-safe. A soft, playful contrast for friendly brands.
- **Yellow (#FFFF00)**: 7.83:1, text-safe. A high-energy complement for bold, graphic designs.
- **Silver (#C0C0C0)**: 4.62:1, text-safe. A cool neutral for secondary text and dividers.

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

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

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

### What colors go with Rebecca Purple?
White, Gold, Lavender, Pink, Yellow and Silver all go well with Rebecca Purple. White (8.41:1), Gold (5.99:1), Lavender (6.83:1), Pink (5.47:1), Yellow (7.83:1) and Silver (4.62:1) have enough contrast for text on Rebecca Purple.

### Why is it called Rebecca Purple?
It was added to CSS in 2014 in memory of Rebecca Meyer, who died at age six. Its value is #663399, and the name rebeccapurple works in any modern browser.

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