Metallic Gold

#D3AF37

What color is Metallic Gold?

Metallic gold is a warm, medium-yellow tone with a subtle sheen that suggests polished metal, hex #D3AF37, close to the surface of a raw honeycomb. It sits deeper than bright yellow and carries a slightly muted, earthy quality that makes it feel grounded rather than flashy.

What is the meaning of the color Metallic Gold?

The color takes its cues from gold the metal, prized across ancient civilizations from Egypt to Mesoamerica as a symbol of divine power and wealth. By the medieval period, gold pigment and gold leaf were used extensively in illuminated manuscripts and religious iconography across Europe, codifying the color’s association with prestige. The luxury goods industry adopted the shade formally in the 20th century, with brands such as Rolex using metallic gold in product design and packaging to signal premium quality. The U.S. Recording Industry Association of America certified its first gold record award in 1958, giving the color a lasting institutional link to achievement.

RGB
211, 175, 55
HSL
46°, 64%, 52%
CMYK
0, 17, 74, 17
HSV
46°, 74%, 83%
Metallic gold color

What colors go with Metallic Gold?

Colors that pair well with Metallic gold include:
Deep navy: strong, classic contrast
Ivory: soft, warm harmony
Forest green: rich, earthy balance
Burgundy: bold, jewel-toned depth
Charcoal gray: sleek, grounding anchor

Similar Colors

Conversions & Codes

Format Value CSS
HEX #D3AF37 color: #D3AF37;
RGB 211, 175, 55 color: rgb(211, 175, 55);
RGB Percentage 83%, 69%, 22% color: rgb(83%, 69%, 22%);
CMYK 0%, 17%, 74%, 17% Not supported in CSS
HSL 46°, 64%, 52% color: hsl(46, 64%, 52%);
HSV 46°, 74%, 83% Not supported in CSS
CIE-LAB 42, 7, 40 color: lab(42% 7 40);
Decimal 13872951 Not supported in CSS

Color Variations

Shades

#D3AE36
#C4A02B
#AE8E26
#987D21
#826B1D
#6D5918
#574713
#41350E

Tints

#F2E7C3
#EDDFAF
#E9D79B
#E5CF87
#E0C772
#DCBF5E
#D7B64A
#D3AE36

Tones

#D3AE36
#CBAA3E
#C3A646
#BBA24E
#B49E56
#AC995D
#A49565
#9C916D

Hues

#D3AE36
#82D336
#36D360
#36D0D3
#365BD3
#8736D3
#D336A9
#D33936

Color Harmonies

Analogous

#D36036
Click to copy
#D3AF37
Click to copy
#A9D336
Click to copy

Complementary

#D3AF37
Click to copy
#365BD3
Click to copy

Split Complementary

#D3AF37
Click to copy
#36A9D3
Click to copy
#6036D3
Click to copy

Triadic

#D3AF37
Click to copy
#36D3AE
Click to copy
#AE36D3
Click to copy

Tetradic

#D3AF37
Click to copy
#36D360
Click to copy
#365BD3
Click to copy
#D336A9
Click to copy

Square

#D3AF37
Click to copy
#36D360
Click to copy
#365BD3
Click to copy
#D336A9
Click to copy

CSS & Dev Snippets

CSS
.metallic-gold {
  color: #D3AF37;
}
SCSS
$metallic-gold: #D3AF37;
RGB
rgb(211, 175, 55)

Accessibility & Contrast

White background

2.11:1
2.11
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

9.96:1
9.96
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags