# Violet Color (#EE82EE)

> Violet is a CSS named color defined as hex code #EE82EE.

- **URL**: https://swatchatlas.com/colors/violet/
- **Language**: English (en)
- **CSS Name**: `violet`
- **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**: #EE82EE
- **RGB**: rgb(238, 130, 238)
- **HSL**: hsl(300, 76%, 72%)
- **HSV/HSB**: hsv(300, 45%, 93%)
- **CMYK**: cmyk(0%, 45%, 0%, 7%) (digital approximation, non-print)
- **OKLCH**: oklch(0.762 0.186 327.2)

## What Colors Go With Violet
Contrast is each color on Violet (WCAG 2.2); 4.5:1 or above is text-safe.
- **Black (#000000)**: 9.06:1, text-safe. Strong, readable text on violet.
- **Navy (#000080)**: 6.91:1, text-safe. A deep blue that gives readable text and a crisp contrast.
- **Indigo (#4B0082)**: 5.59:1, text-safe. A dark tonal violet for headings and outlines.
- **Purple (#800080)**: 4.07:1, background or accent. A darker tonal purple for depth.
- **Dark Slate Gray (#2F4F4F)**: 3.85:1, background or accent. A dark neutral for a modern, restrained look.
- **White (#FFFFFF)**: 2.32:1, background or accent. Clean space around violet blocks; not for text on violet.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Violet**: 9.06:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Violet**: 2.32:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Violet**: 6.66:1 (Passes AA for all text; AAA for large text only)
- **Mid Gray (#666666) text on Violet**: 2.48:1 (Fails AA and AAA)

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

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

### What colors go with Violet?
Black, Navy, Indigo, Purple, Dark Slate Gray and White all go well with Violet. Black (9.06:1), Navy (6.91:1) and Indigo (5.59:1) have enough contrast for text on Violet; Purple, Dark Slate Gray and White work better as a background or accent.

### Is violet the same as purple?
Not in CSS. Violet (#EE82EE) and purple (#800080) share the same hue of 300°, but violet is much lighter and brighter while purple is dark.

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