# Gold Color (#FFD700)

> The CSS gold hex code is #FFD700, with RGB values of 255, 215, 0.

- **URL**: https://swatchatlas.com/colors/gold/
- **Language**: English (en)
- **CSS Name**: `gold`
- **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**: #FFD700
- **RGB**: rgb(255, 215, 0)
- **HSL**: hsl(51, 100%, 50%)
- **HSV/HSB**: hsv(51, 100%, 100%)
- **CMYK**: cmyk(0%, 16%, 100%, 0%) (digital approximation, non-print)
- **OKLCH**: oklch(0.887 0.182 95.3)

## What Colors Go With Gold
Contrast is each color on Gold (WCAG 2.2); 4.5:1 or above is text-safe.
- **Black (#000000)**: 14.97:1, text-safe. The strongest partner: maximum contrast for text.
- **Navy (#000080)**: 11.41:1, text-safe. A classic, prestigious pairing with strong readable text.
- **Midnight Blue (#191970)**: 10.59:1, text-safe. A softer dark blue for a refined, luxurious look.
- **Dark Slate Gray (#2F4F4F)**: 6.37:1, text-safe. A dark neutral for a modern, restrained look.
- **Brown (#A52A2A)**: 5.05:1, text-safe. A warm, earthy partner for autumn palettes.
- **Purple (#800080)**: 6.72:1, text-safe. A royal pairing that has long been used for crests and badges.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Gold**: 14.97:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Gold**: 1.4:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Gold**: 11:1 (Passes AA and AAA for both normal and large text)
- **Mid Gray (#666666) text on Gold**: 4.09:1 (Passes AA for large text only)

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

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

### What colors go with Gold?
Black, Navy, Midnight Blue, Dark Slate Gray, Brown and Purple all go well with Gold. Black (14.97:1), Navy (11.41:1), Midnight Blue (10.59:1), Dark Slate Gray (6.37:1), Brown (5.05:1) and Purple (6.72:1) have enough contrast for text on Gold.

### Is there a metallic gold in CSS?
No. CSS gold (#FFD700) is a flat, bright yellow. Metallic gold shades, such as #D4AF37, are not CSS named colors, and shine has to be added with gradients.

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