Metallic gold exudes luxury and sophistication with its shiny, lustrous finish. It sits between yellow and orange on the color wheel, shimmering with a reflective surface. Related shades include bronze and brass. Use metallic gold for accents that add warmth and elegance to designs.
Metallic gold is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #D3AF37
- RGB value: 82.7% red, 68.6% green, 21.6% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as metallic gold, consider:
- Gold (#efbf04): Gold shares a warm and lustrous tone with metallic gold, embodying a golden hue that hints at opulence and elegance, making it perfect for conveying luxury.
- Brass (#b5a642): Brass evokes a metallic sheen similar to metallic gold, offering a slightly deeper, more muted golden hue that embodies an antique and refined appearance.
- Ochre (#CC7722): Ochre possesses a warm, earthy tint with a hint of gold metallic colour, reflecting a rustic yet luxurious tone that resonates with metallic palettes.
- Amber (#ffbf00): Amber captures a bright, reflective surface with its golden hue, reminiscent of natural golden tones found in metals, adding a vibrant touch to a metallic finish.
To complement Metallic gold, consider pairing it with:
- Aubergine (#372528): This deep purple-brown hue brings out the richness and luxurious tone of Metallic gold, enhancing its opulence and adding depth to any palette.
- Emerald (#50C878): The vibrant green of Emerald creates a striking contrast with the golden hue, evoking a sense of sophistication and balance within a metallic gold palette.
- Peacock Blue (#096c6c): This teal shade, with its shiny texture, offers a bold yet harmonious partner to the lustrous appearance of Metallic gold, creating a regal and compelling combination.
- Burgundy (#660033): The dark, wine-like tone of Burgundy complements the metallic finish of gold with its warm and rich undertones, perfect for a cohesive and elegant design.
- Slate Gray (#6d8196): The subtle neutrality of Slate Gray allows the reflective surface of Metallic gold to stand out, providing a modern and sleek background that highlights gold’s luxurious tone.
While Metallic gold is luxurious and rich, it may clash with:
- Neon Pink (#FF13F0): The vibrant hue of neon pink can overpower the elegant subtleness of metallic gold, creating a disharmonious and flashy combination.
- Bright Yellow (#FFED29): Bright yellow competes with metallic gold, causing visual tension as both colors fight for attention given their similar energetic brightness.
- Neon Green (#2CFF05): The stark, vivid nature of neon green creates jarring contrast against the opulent charm of metallic gold, resulting in a visually abrasive pairing.
- Burgundy (#660033): Burgundy’s deep, dark presence might overshadow metallic gold’s reflective quality, leading to a mismatched and heavy appearance.
- Scarlet (#ED2100): The bold intensity of scarlet can clash with metallic gold’s warm glow, as they both vie for dominance, potentially creating an overwhelming visual impact.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Golden Spice
Royal Breeze
Solar Twist
Contrast checker
Contrast 2.11
- Large Text
#D3AF37
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 9.96
- Large Text
#D3AF37
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #D3AF37, known as Metallic gold, has RGB values of R:211, G:175, B:55 and CMYK values of C:0, M:17, Y:74, K:17.
| VALUE | CSS | |
|---|---|---|
| HEX | #D3AF37 | #D3AF37 |
| RGB DECIMAL | 211, 175, 55 | RGB(211,175,55) |
| RGB PERCENTAGE | 82.7, 68.6, 21.6 | RGB(82.7%,68.6%,21.6%) |
| CMYK | 0, 17, 74, 17 | |
| HSL | HSL(46.2, 63.9%, 52.2%) | HSL(46.2, 63.9%, 52.2%) |
| HSV (OR HSB) | 46.2°, 73.9, 82.7 | |
| WEB SAFE | #20415351 | #20415351 |
| BINARY | 11010011, 10101111, 00110111 | |
| iOS - SwiftUI | Color(red: 0.827, green: 0.686, blue: 0.216) | |
| iOS - UIKit | UIColor(red: 0.827, green: 0.686, blue: 0.216, alpha: 1) | |
| Android - Compose | Color(0xFFD3AF37) |
