
Figma color wheel
Want to find the perfect complementary or analogous colors to match Metallic gold?
Skip to main content
Everything you need to know about metallic gold to inspire your next design.
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.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Golden Spice
Royal Breeze
Solar Twist
Metallic gold is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
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:
To complement Metallic gold, consider pairing it with:
While Metallic gold is luxurious and rich, it may clash with:
Contrast 2.11
#D3AF37
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 9.96
#D3AF37
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
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) |

Want to find the perfect complementary or analogous colors to match Metallic gold?

Explore the qualities of Goldenrod.

Explore the qualities of Brass.