Gold Color Picker & Palette
Gold represents luxury, success, and prestige. From metallic gold to soft amber, explore the richness of gold tones.
#ffd700
rgb(255, 215, 0)
hsl(51, 100%, 50%)
oklch(0.887 0.182 95.3)
cmyk(0%, 16%, 100%, 0%)
Use Cases
Luxury and premium product pages
Awards and achievement badges
Jewelry and fashion e-commerce
Financial success indicators
Tips
Add a subtle gradient for metallic gold effects
Pair gold with deep purple or navy for luxury
Gold text on dark backgrounds creates elegance
FAQ
What is the HEX code for gold?
CSS gold is #FFD700. For metallic effects, use gradients blending #FFD700 with #B8860B.
Is gold accessible?
Gold (#FFD700) on white has a contrast ratio of only 1.29:1 — not accessible. Use dark goldenrod (#B8860B) for text.
What colors go with gold?
Gold pairs beautifully with navy, purple, black, white, emerald green, and burgundy.
How do I make gold in HSL?
Gold (#FFD700) in HSL is hsl(51, 100%, 50%).