Gold Color Codes
Gold, metallic gold, old gold, Vegas gold, champagne and more with HEX, RGB and CMYK codes, plus a ready metallic-gold CSS gradient and print advice.
Gold is the hardest color to put on a screen, because real gold is defined by its shine, not by one hue. This page lists 16 named golds — CSS gold and the goldenrods, plus metallic gold, old gold, Vegas gold, satin sheen gold, champagne and others — with HEX, RGB, HSL and CMYK codes. It also gives a ready-made CSS gradient that looks metallic, and explains what to ask a printer for when you need real gold.
How to use this tool
- Pick a shade of gold.
- Copy its HEX, RGB, HSL or CMYK code.
- For a shiny look on the web, copy the metallic gold CSS gradient instead of a flat color.
- Use the tints and shades table for lighter or darker golds that match.
Formula
Metallic look = linear-gradient(135deg, dark → base → highlight → base → dark). Flat codes: HSL and CMYK come from the RGB values with the standard formulas.
The gradient uses #8a6e2f (deep bronze), #d4af37 (metallic gold) and #f9e79f (highlight). Changing the angle moves the "light source".
Example
Metallic gold is #D4AF37 = rgb(212, 175, 55) = hsl(45.9, 64.6%, 52.4%). Its complementary color is the royal blue #375CD4, a classic pairing for crests and awards. CSS gold (#FFD700) is much brighter and yellower: in simple CMYK it is C 0, M 15.7, Y 100, K 0.
Frequently asked questions
What is the HEX code for gold?
CSS gold is #FFD700, a bright yellow-gold. For a more realistic gold most designers use metallic gold #D4AF37 or old gold #CFB53B.
How do I print gold?
CMYK inks cannot shine. Ask for a metallic spot ink such as Pantone 871 C, or foil stamping; keep the CMYK mix for versions where metallic printing is not possible.
What color is rose gold?
A pinkish gold from gold–copper alloys. It has no standard screen color — the real metal varies with its copper content and every brand picks its own swatch — so it is not in this list. Like gold, it reads best as a gradient.
Sources
Last updated:
Page address with these inputs: https://kakao.mobile/tools/gold-color-tool/
Cite or embed this tool
kakaoCalc. (2026, November 8). Gold Color Codes. https://kakao.mobile/tools/gold-color-tool/
“Gold Color Codes.” kakaoCalc, 8 Nov. 2026, kakao.mobile/tools/gold-color-tool/.
Paste this code into your page. The widget runs in your visitors' browsers, shows no ads and keeps a link back to this page. Embedding terms