# Light Yellow Color (#FFFFE0)

> Light Yellow is a CSS named color defined as hex code #FFFFE0.

- **URL**: https://swatchatlas.com/colors/light-yellow/
- **Language**: English (en)
- **CSS Name**: `lightyellow`
- **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**: #FFFFE0
- **RGB**: rgb(255, 255, 224)
- **HSL**: hsl(60, 100%, 94%)
- **HSV/HSB**: hsv(60, 12%, 100%)
- **CMYK**: cmyk(0%, 0%, 12%, 0%) (digital approximation, non-print)
- **OKLCH**: oklch(0.992 0.040 107.1)

## What Colors Go With Light Yellow
Contrast is each color on Light Yellow (WCAG 2.2); 4.5:1 or above is text-safe.
- **Black (#000000)**: 20.63:1, text-safe. Sharp, readable text on light yellow.
- **Dark Slate Gray (#2F4F4F)**: 8.77:1, text-safe. A dark neutral for body text.
- **Navy (#000080)**: 15.73:1, text-safe. A deep blue for strong, readable text.
- **Saddle Brown (#8B4513)**: 6.97:1, text-safe. A warm brown for cozy, vintage palettes.
- **Teal (#008080)**: 4.69:1, text-safe. A cool blue-green for links and highlights.
- **Indigo (#4B0082)**: 12.72:1, text-safe. A deep violet from the opposite side of the color wheel.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Light Yellow**: 20.63:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Light Yellow**: 1.02:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Light Yellow**: 15.16:1 (Passes AA and AAA for both normal and large text)
- **Mid Gray (#666666) text on Light Yellow**: 5.64:1 (Passes AA for all text; AAA for large text only)

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

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

### What colors go with Light Yellow?
Black, Dark Slate Gray, Navy, Saddle Brown, Teal and Indigo all go well with Light Yellow. Black (20.63:1), Dark Slate Gray (8.77:1), Navy (15.73:1), Saddle Brown (6.97:1), Teal (4.69:1) and Indigo (12.72:1) have enough contrast for text on Light Yellow.

### What is the difference between light yellow and ivory?
Ivory (#FFFFF0) is even closer to white than Light Yellow (#FFFFE0): its blue channel is 240 against 224.

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