# Lavender Color (#E6E6FA)

> Lavender is a CSS named color defined as hex code #E6E6FA.

- **URL**: https://swatchatlas.com/colors/lavender/
- **Language**: English (en)
- **CSS Name**: `lavender`
- **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**: #E6E6FA
- **RGB**: rgb(230, 230, 250)
- **HSL**: hsl(240, 67%, 94%)
- **HSV/HSB**: hsv(240, 8%, 98%)
- **CMYK**: cmyk(8%, 8%, 0%, 2%) (digital approximation, non-print)
- **OKLCH**: oklch(0.931 0.027 285.9)

## What Colors Go With Lavender
Contrast is each color on Lavender (WCAG 2.2); 4.5:1 or above is text-safe.
- **Indigo (#4B0082)**: 10.52:1, text-safe. A deep violet for headings and body text.
- **Dark Slate Blue (#483D8B)**: 7.37:1, text-safe. A softer dark blue-violet for text and links.
- **Rebecca Purple (#663399)**: 6.83:1, text-safe. A strong purple for buttons and accents.
- **Purple (#800080)**: 7.65:1, text-safe. A rich purple for headings and icons.
- **Navy (#000080)**: 13.01:1, text-safe. A deep blue for strong, readable text.
- **Plum (#DDA0DD)**: 1.68:1, background or accent. A pale purple for subtle tonal layering.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Lavender**: 17.06:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Lavender**: 1.23:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Lavender**: 12.53:1 (Passes AA and AAA for both normal and large text)
- **Mid Gray (#666666) text on Lavender**: 4.67:1 (Passes AA for all text; AAA for large text only)

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

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

### What colors go with Lavender?
Indigo, Dark Slate Blue, Rebecca Purple, Purple, Navy and Plum all go well with Lavender. Indigo (10.52:1), Dark Slate Blue (7.37:1), Rebecca Purple (6.83:1), Purple (7.65:1) and Navy (13.01:1) have enough contrast for text on Lavender; Plum works better as a background or accent.

### Is lavender purple or blue?
Lavender (#E6E6FA) has a hue of exactly 240°, the same as pure blue, but it is so pale that it reads as a soft blue-violet tint.

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