Gold HEX Code
The HEX code for gold is #FFD700. Gold is a warm, yellow-orange metallic color that represents luxury, wealth, and achievement. Unlike pure yellow (#FFFF00), gold has an orange tint that gives it a richer, more sophisticated appearance.
Gold Color Values
| Format | Value |
|---|---|
| HEX | #FFD700 |
| RGB | rgb(255, 215, 0) |
| HSL | hsl(51, 100%, 50%) |
| CMYK | C:0 M:16 Y:100 K:0 |
Gold Shades and Variations
| Shade | HEX | Description |
|---|---|---|
| Light Gold | #F5DEB3 | Wheat color |
| Pale Gold | #EEE8AA | Soft gold |
| Gold | #FFD700 | CSS gold |
| Goldenrod | #DAA520 | Orange-gold |
| Dark Goldenrod | #B8860B | Deep gold |
| Old Gold | #CFB53B | Antique gold |
| Metallic Gold | #D4AF37 | Classic metallic |
Gold in Design
Gold conveys:
- Luxury: Premium, exclusive
- Achievement: Awards, trophies
- Wealth: Success, prosperity
- Elegance: Sophisticated, timeless
Gold Color Palettes
``css
/* Luxury gold palette */
:root {
--gold-light: #F5DEB3;
--gold: #FFD700;
--gold-dark: #B8860B;
--gold-accent: #D4AF37;
}
/* Premium card styling */
.premium {
background: linear-gradient(135deg, #D4AF37, #FFD700);
color: #1A1A1A;
}
`
Achieving Metallic Gold Effect
`css
.metallic-gold {
background: linear-gradient(
to right,
#BF953F,
#FCF6BA,
#B38728,
#FBF5B7,
#AA771C
);
-webkit-background-clip: text;
color: transparent;
}
``
Gold Combinations
| Pairing | Effect |
|---|---|
| Gold + Black | Luxury, elegant |
| Gold + Navy | Classic, premium |
| Gold + White | Clean, sophisticated |
| Gold + Burgundy | Regal, traditional |
Brands Using Gold
| Brand | HEX | Industry |
|---|---|---|
| Rolex | #D4AF37 | Watches |
| McDonald's | #FFC300 | Fast food |
| Versace | #FFD700 | Fashion |
| MGM | #C5A000 | Entertainment |