A study in yellow
Gold
#FFD700
- Family
- Yellow
- L
- 0.887
- C
- 0.182
- H
- 95°
Notes
Gold in CSS is the bright, saturated yellow of metallic gold seen in direct sunlight, not the deeper bronze of jewelry. The hex has very high chroma and lightness, which means it cannot be used reliably as text against white because the contrast fails accessibility checks. It pairs well with deep navy or burgundy for heritage palettes, or with matte black for luxury branding. Yellow-green next to it produces visual conflict. Body text contrast against white fails AA at every size - gold belongs on surfaces with dark text overlays, badges, and decorative accents.
Palette built around Gold
Related colors
Frequently asked questions
What is Gold?
Gold in CSS is the bright, saturated yellow of metallic gold seen in direct sunlight, not the deeper bronze of jewelry. The hex has very high chroma and lightness, which means it cannot be used reliably as text against white because the contrast fails accessibility checks. Its hex code is #FFD700.
What are the tints and shades of Gold?
uishades builds an 11-step OKLCH ramp for Gold (#FFD700) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Gold?
Its complementary color is #CBD6FF. Triadic partners are #68EEFF and #FFBBF9; analogous neighbours are #BEEE59 and #FFCB8A.
What are the OKLCH and RGB values of Gold?
Gold is #FFD700 - OKLCH 0.887 0.182 95°, rgb(255 215 0), in the yellow family.