# Plum Color (#DDA0DD)

> Plum is a CSS named color defined as hex code #DDA0DD.

- **URL**: https://swatchatlas.com/colors/plum/
- **Language**: English (en)
- **CSS Name**: `plum`
- **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**: #DDA0DD
- **RGB**: rgb(221, 160, 221)
- **HSL**: hsl(300, 47%, 75%)
- **HSV/HSB**: hsv(300, 28%, 87%)
- **CMYK**: cmyk(0%, 28%, 0%, 13%) (digital approximation, non-print)
- **OKLCH**: oklch(0.783 0.108 326.5)

## What Colors Go With Plum
Contrast is each color on Plum (WCAG 2.2); 4.5:1 or above is text-safe.
- **Black (#000000)**: 10.15:1, text-safe. Strong, readable text on plum.
- **Indigo (#4B0082)**: 6.26:1, text-safe. A dark tonal violet for headings and text.
- **Navy (#000080)**: 7.74:1, text-safe. A deep blue for strong, readable text.
- **Purple (#800080)**: 4.55:1, text-safe. A darker tonal purple for depth.
- **Dark Slate Gray (#2F4F4F)**: 4.31:1, background or accent. A dark neutral for body text.
- **Ivory (#FFFFF0)**: 2.05:1, background or accent. A warm off-white for backgrounds around plum.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Plum**: 10.15:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Plum**: 2.07:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Plum**: 7.45:1 (Passes AA and AAA for both normal and large text)
- **Mid Gray (#666666) text on Plum**: 2.77:1 (Fails AA and AAA)

## FAQ
### Can I use black text on Plum?
Yes. Black text on Plum has a WCAG 2.2 contrast ratio of 10.15:1, passing both AA (4.5:1) and AAA (7:1) at every text size.

### Can I use white text on Plum?
No. White text on Plum has a WCAG 2.2 contrast ratio of only 2.07:1, below the 3:1 minimum even for large text.

### What colors go with Plum?
Black, Indigo, Navy, Purple, Dark Slate Gray and Ivory all go well with Plum. Black (10.15:1), Indigo (6.26:1), Navy (7.74:1) and Purple (4.55:1) have enough contrast for text on Plum; Dark Slate Gray and Ivory work better as a background or accent.

### Is plum a dark or light color in CSS?
Light. CSS Plum (#DDA0DD) has a lightness of 75%. Deeper plum shades, such as the fruit, are closer to Purple (#800080).

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