#ffd700 rgb(255, 215, 0) 51°, 100%, 50% Use Gold in Your Projects
About Gold Color
Gold is a warm, metallic color that signals luxury and achievement. It is used for premium badges, rewards, and high-end branding.
Use Cases for Gold
Shades & Tints of Gold
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.gold-color {
color: #ffd700;
background-color: #ffd700;
}
/* As a CSS custom property */
:root {
--color-gold: #ffd700;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
Frequently Asked Questions
What color is Gold?
Gold is represented by the hex code #ffd700 and has RGB values of rgb(255, 215, 0). It falls under the Yellow category.
How to use Gold in web design?
Gold works well for premium badges, awards, luxury branding. Gold is a warm, metallic color that signals luxury and achievement. It is used for premium badges, rewards, and high-end branding. Use it as a primary color, accent, or background depending on your design needs.
What colors go with Gold?
Colors that pair well with Gold include darkgoldenrod, palegoldenrod, lightgoldenrodyellow, goldenrod, khaki. For a complementary scheme, try #0026ff. For an analogous scheme, use #ff5900 and #a6ff00. For a triadic scheme, combine with #00ffd9 and #d900ff.