Gold Color

Gold is the hex color #FFD700. Here are its RGB, HSL, HSV, CMYK, and OKLCH values, ready-made shades and palettes, and the text colors that stay readable on it.

Copy #FFD700 Open in picker Save

Gold color codes

HEX: #FFD700
HEX8: #FFD700FF
HEX8 (Android): #FFFFD700
RGB: rgb(255, 215, 0)
RGB (%): 100%, 84%, 0%
HSL: hsl(51, 100%, 50%)
HSV / HSB: hsv(51, 100%, 100%)
CMYK: cmyk(0%, 16%, 100%, 0%)
OKLCH: oklch(0.8868 0.1822 95.33)
OKLCH (%): oklch(88.68% 0.1822 95.33)
Decimal: 16766720

What color is #FFD700?

#FFD700 is the web color Gold. In the RGB model it’s made of 100% red, 84% green, and 0% blue; in HSL it has a hue of 51°, 100% saturation, and 50% lightness. It’s a bright, warm yellow leaning slightly toward orange — the classic “pure gold” of the web, distinct from the muted metallic gold #D4AF37 used to imitate the real metal.

The meaning of Gold

Gold signals luxury, achievement, quality, and warmth. It’s the color of winners — gold medals, trophies, premium products — and blends yellow’s optimism with a sense of prestige and value.

Where Gold is used

Gold is used for premium and luxury branding, awards and certificates, jewelry and packaging, and “premium/pro” accents and highlights in interfaces. Because pure #FFD700 is very bright, designers often choose the richer metallic gold #D4AF37 for a more realistic, readable gold.

Shades and tints of Gold

Tints

#FFDF33 Gold

#FFE766 Khaki

#FFEF99 Khaki

#FFF7CC LemonChiffon

Shades

#CCAC00 Goldenrod

#998100 Olive

#665600 DarkOliveGreen

#332B00 Black

Gold color harmonies

Complementary

#FFD700 Gold

#0028FF Blue

Analogous

#FFD700 Gold

#FF5800 OrangeRed

#A7FF00 GreenYellow

Triadic

#FFD700 Gold

#00FFD7 Aquamarine

#D700FF Fuchsia

Split-complementary

#FFD700 Gold

#00A7FF DodgerBlue

#5800FF Blue

Using Gold in CSS

.text       { color: #FFD700; }
.background { background-color: #FFD700; }
.border     { border: 2px solid #FFD700; }

/* Modern, perceptually uniform */
.text { color: oklch(0.8868 0.1822 95.33); }

/* Gold at 50% transparency */
.overlay { background-color: #FFD70080; }

Is Gold accessible?

Gold on white text scores 1.40:1; on black text it scores 14.97:1. Black text passes WCAG AAA on gold; white text is unreadable. Recommended text color on a Gold background: black.

A 14.97:1 vs black

A 1.4:1 vs white

AA normal ≥ 4.5 Pass
AA large ≥ 3 Pass
AAA normal ≥ 7 Pass
AAA large ≥ 4.5 Pass

Recommended text color: black

CSS contrast-color() contrast-color(#FFD700) → black

APCA Lc experimental 84.5 Lc · body text (black text)

WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.

Gold variations and related colors

Metallic Gold #D4AF37 Goldenrod #DAA520 Amber #FFBF00 Yellow #FFFF00

Frequently asked questions

What is the hex code for gold?: The hex code for gold is #FFD700 (rgb(255, 215, 0)). A richer, metallic gold is #D4AF37.
What is gold in CMYK?: Gold #FFD700 is cmyk(0%, 16%, 100%, 0%).
What text color works on a gold background?: Black — black text on #FFD700 has a 14.97:1 contrast ratio (well above WCAG AAA), while white text is unreadable.

Last updated June 21, 2026

Open Gold in the color picker

Drag, fine-tune, and copy #FFD700 in every format, or jump to a related page.

Open Gold in the color picker