Gold is more than just a precious metal — it’s a symbol of luxury, power, and sophistication in design. Whether you’re working on a website, graphic, or branding project, using the correct gold color code ensures your design shines just right.
Let’s explore the most popular gold shades and their specific color codes for use in your HTML, CSS, or design software.
1. Standard Gold Color Code
- Hex:
#FFD700 - RGB:
rgb(255, 215, 0) - HSL:
hsl(51, 100%, 50%)
The classic gold hue is bright and vibrant, often used in UI design to signify premium elements or celebration.
2. Rose Gold Color Code
- Hex:
#B76E79 - RGB:
rgb(183, 110, 121) - HSL:
hsl(351, 29%, 57%)
Rose gold combines the warmth of gold with soft pink undertones. It’s elegant, trendy, and widely used in fashion, tech, and lifestyle branding.
3. Metallic Gold Color Code
- Hex:
#D4AF37 - RGB:
rgb(212, 175, 55) - HSL:
hsl(46, 64%, 52%)
The metallic gold color reflects the actual look of polished gold, making it a favorite for realistic digital effects and luxury branding.
4. Vegas Gold Color Code
- Hex:
#C5B358 - RGB:
rgb(197, 179, 88) - HSL:
hsl(49, 45%, 56%)
A toned-down, dusty gold color — Vegas Gold is perfect for more muted, retro, or vintage aesthetics.
5. Old Gold Color Code
- Hex:
#CFB53B - RGB:
rgb(207, 181, 59) - HSL:
hsl(46, 62%, 52%)
This deep, slightly darker version of gold conveys a classic, antique feel. It’s commonly used in heraldry and academic regalia.
Final Thoughts
Whether you prefer the bold sparkle of standard gold or the subtle charm of rose gold, knowing the exact gold color code helps you create consistent and beautiful designs. Bookmark this page and shine on!