Gold

Gold reads as value itself — awards, premium tiers, first place. It only works surrounded by darkness; on white it disappears, on black it glows like a medal.

premium tiersbadgesfinance accents

Values in every format

HEX: #ffd700
RGB: rgb(255, 215, 0)
HSL: hsl(51, 100%, 50%)
OKLCH: oklch(0.887 0.182 95.3)
CMYK: cmyk(0%, 15.7%, 100%, 0%)

Hue family: Yellow · closest CSS name: gold. Convert this color

Perceptual shade scale

Eleven even steps from 50 to 950, computed in OKLCH — the starred stop is #FFD700 itself.

50#fff8dc
100#ffedaa
200 ★#ffd700
300#e9cb4c
400#d2b000
500#b49800
600#998000
700#7c6700
800#625100
900#4b3d00
950#2e2500

Build a full system from #FFD700

Harmonies with gold

Complementary

Maximum contrast — use one side for action, the other sparingly.

#ffd700 #0028ff

Analogous

Neighbors on the wheel — calm, cohesive, hard to get wrong.

#ff5800 #ffd700 #a7ff00

Triadic

Three evenly spaced hues — vibrant, needs one clear leader.

#ffd700 #00ffd7 #d700ff

Measured contrast

on white1.4:1 · fails AA

on black14.97:1 · AA normal ✓

Check your own pairs