#FFD700
Yellow family

Gold

Also known as: luxurious · radiant · opulent · vibrant · rich
Save
Hex #FFD700
RGB rgb(255, 215, 0)
HSL hsl(51°, 100%, 50%)
CMYK 0 · 16 · 100 · 0
CSS gold
RAL RAL 1023 · Traffic Yellow
NCS S 0540-G90Y

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, gold represents wealth, success, and achievement, often associated with awards like the Olympic gold medal. Conversely, in some Eastern traditions, gold is linked to prosperity and good fortune, signifying abundance and happiness.

The term 'gold' comes from the Old English 'geolu', meaning yellow, and has been used since at least 700 AD to describe the color of the metal. Ancient Egyptians revered gold, using it extensively in jewelry and burial artifacts, believing it symbolized immortality and divine energy.

luxuriousradiantopulentvibrantrich

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Gold. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 29 Yellows →

Shades & tints

Nine steps of Gold by lightness — from #857000 (darkest) to #FFEA7A (lightest). Click any to copy.

-40% #857000
-30% #A38A00
-20% #C2A300
-10% #E0BD00
BASE #FFD700
+15% #FFDC1F
+30% #FFE13D
+50% #FFE55C
+70% #FFEA7A

Complementary

Sitting opposite Gold at 231° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Gold.

#FFD700
#8B4513
#F5F5F5
#C0C0C0
#FFDAB9

Golden Elegance

Warm Luxury
#FFD700
#FF8C00
#FFFFFF
#A52A2A
#D2B48C

Autumn Glow

Cozy Warmth
#FFD700
#4B0082
#E0E0E0
#000000
#FF6347

Royal Radiance

Majestic Contrast

Used by

Brands and institutions known for using Gold.

BulgariLindt

Gold scale

A 50–900 tonal scale with Gold anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FFFCEB
100 #FFF8D1
200 #FFF09E
300 #FFE86B
400 #FFDF36
500 #FFD700
600 #D1B000
700 #A88E00
800 #806C00
900 #574900

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 14.97:1
Gold as text on… Ratio AA AAA
Aa White background 1.4:1 Fail Fail
Aa Black background 14.97:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #FFD700

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: gold;
CSS color-mix (lighten 30%) color-mix(in srgb, gold 70%, white)
HSV / HSB 51°, 100%, 100%
CMYK (print) 0, 16, 100, 0
Decimal 16766720
Nearest web-safe #FFCC00

Color vision

How Gold appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#FFD700

Protanopia (no red)

#EEED34

Deuteranopia (no green)

#F0F341

Tritanopia (no blue)

#FD5D66
Yellow
2 / 29 Yellows Lemon
Copied!