# Yellow Color (#FFFF00)

> The yellow hex code is #FFFF00 (short form #FF0), with RGB values of 255, 255, 0.

- **URL**: https://swatchatlas.com/colors/yellow/
- **Language**: English (en)
- **CSS Name**: `yellow`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-10-28
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #FFFF00
- **RGB**: rgb(255, 255, 0)
- **HSL**: hsl(60, 100%, 50%)
- **HSV/HSB**: hsv(60, 100%, 100%)
- **CMYK**: cmyk(0%, 0%, 100%, 0%) (digital approximation, non-print)
- **OKLCH**: oklch(0.968 0.211 109.8)

## What Colors Go With Yellow
Contrast is each color on Yellow (WCAG 2.2); 4.5:1 or above is text-safe.
- **Black (#000000)**: 19.56:1, text-safe. The classic partner: the strongest contrast, used in signs and warnings.
- **Navy (#000080)**: 14.91:1, text-safe. A deep blue that gives readable text and a crisp complementary contrast.
- **Indigo (#4B0082)**: 12.06:1, text-safe. A dark violet from the opposite side of the color wheel.
- **Purple (#800080)**: 8.77:1, text-safe. A rich complement for bold, playful designs.
- **Blue (#0000FF)**: 8:1, text-safe. A primary-color contrast that reads as energetic and graphic.
- **Dim Gray (#696969)**: 5.11:1, text-safe. A neutral gray for readable secondary text.

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

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

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

### What colors go with Yellow?
Black, Navy, Indigo, Purple, Blue and Dim Gray all go well with Yellow. Black (19.56:1), Navy (14.91:1), Indigo (12.06:1), Purple (8.77:1), Blue (8:1) and Dim Gray (5.11:1) have enough contrast for text on Yellow.

### What is the hex code for yellow?
The CSS named color yellow is #FFFF00, which is RGB(255, 255, 0). The short form #FF0 is the same color.

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