17 Shades of Gold with Hex Codes
Gold tones are warm yellows with enough depth to suggest metal. Darker antique golds feel classic and formal, while bright golds feel celebratory.
The gold hex code is #FFD700
#FFD700 is rgb(255, 215, 0) in RGB, hsl(51, 100%, 50%) in HSL, and about cmyk(0%, 16%, 100%, 0%) in CMYK. Every other gold below has its own hex code.
#FFD700rgb(255, 215, 0)hsl(51, 100%, 50%)Named Gold Colors and Their Hex Codes
Ordered darkest to lightest. Names marked CSS are color keywords you can write directly in a stylesheet; the rest are common design and print names. Select any swatch for its full breakdown.
#B76E79rgb(183, 110, 121)#B8860Brgb(184, 134, 11)#CD7F32rgb(205, 127, 50)#B5A642rgb(181, 166, 66)#DAA520rgb(218, 165, 32)#C5B358rgb(197, 179, 88)#D4AF37rgb(212, 175, 55)#F4A460rgb(244, 164, 96)#CFB53Brgb(207, 181, 59)#FFA500rgb(255, 165, 0)#FFD700rgb(255, 215, 0)#F5DEB3rgb(245, 222, 179)#FFDEADrgb(255, 222, 173)#F0E68Crgb(240, 230, 140)#EEE8AArgb(238, 232, 170)#FFE4B5rgb(255, 228, 181)#F7E7CErgb(247, 231, 206)Gold Color Chart: Hex, RGB, HSL & CMYK
Every gold above in all four common formats. CMYK is a mathematical approximation for planning; confirm production print colors with your printer and ICC profile.
| Name | Hex | RGB | HSL | CMYK |
|---|---|---|---|---|
| Rose Gold | #B76E79 | rgb(183, 110, 121) | hsl(351, 34%, 57%) | cmyk(0%, 40%, 34%, 28%) |
| DarkGoldenrod | #B8860B | rgb(184, 134, 11) | hsl(43, 89%, 38%) | cmyk(0%, 27%, 94%, 28%) |
| Bronze | #CD7F32 | rgb(205, 127, 50) | hsl(30, 61%, 50%) | cmyk(0%, 38%, 76%, 20%) |
| Brass | #B5A642 | rgb(181, 166, 66) | hsl(52, 47%, 48%) | cmyk(0%, 8%, 64%, 29%) |
| Goldenrod | #DAA520 | rgb(218, 165, 32) | hsl(43, 74%, 49%) | cmyk(0%, 24%, 85%, 15%) |
| Vegas Gold | #C5B358 | rgb(197, 179, 88) | hsl(50, 48%, 56%) | cmyk(0%, 9%, 55%, 23%) |
| Metallic Gold | #D4AF37 | rgb(212, 175, 55) | hsl(46, 65%, 52%) | cmyk(0%, 17%, 74%, 17%) |
| SandyBrown | #F4A460 | rgb(244, 164, 96) | hsl(28, 87%, 67%) | cmyk(0%, 33%, 61%, 4%) |
| Antique Gold | #CFB53B | rgb(207, 181, 59) | hsl(49, 61%, 52%) | cmyk(0%, 13%, 71%, 19%) |
| Orange | #FFA500 | rgb(255, 165, 0) | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| Gold | #FFD700 | rgb(255, 215, 0) | hsl(51, 100%, 50%) | cmyk(0%, 16%, 100%, 0%) |
| Wheat | #F5DEB3 | rgb(245, 222, 179) | hsl(39, 77%, 83%) | cmyk(0%, 9%, 27%, 4%) |
| NavajoWhite | #FFDEAD | rgb(255, 222, 173) | hsl(36, 100%, 84%) | cmyk(0%, 13%, 32%, 0%) |
| Khaki | #F0E68C | rgb(240, 230, 140) | hsl(54, 77%, 75%) | cmyk(0%, 4%, 42%, 6%) |
| PaleGoldenrod | #EEE8AA | rgb(238, 232, 170) | hsl(55, 67%, 80%) | cmyk(0%, 3%, 29%, 7%) |
| Moccasin | #FFE4B5 | rgb(255, 228, 181) | hsl(38, 100%, 85%) | cmyk(0%, 11%, 29%, 0%) |
| Champagne | #F7E7CE | rgb(247, 231, 206) | hsl(37, 72%, 89%) | cmyk(0%, 6%, 17%, 3%) |
Gold Scale from Light to Dark
A 12-step lightness scale built from the core gold hue, holding hue and saturation constant. This is the shape of a design-system color ramp. Select any swatch for the full breakdown of that color.
Need a perceptually even ramp with semantic roles and contrast evidence? Generate gold design tokens.
What Gold Communicates
Gold on a screen is an illusion: there is no metallic channel in sRGB, so what reads as gold is a warm yellow-orange plus a gradient that mimics a highlight. A flat #FFD700 fill rarely looks metallic on its own — the effect comes from pairing a darker antique gold with a lighter one across a gradient.
Where gold works well
- Premium tiers, awards, and achievement states
- Luxury and heritage brands, usually against black or deep navy
- Gradient "metallic" effects built from two or three gold stops
- Warm accents in dark themes where yellow would be too bright
Colors that pair with gold
Copy the Gold Palette as CSS
Every shade on this page as CSS custom properties, ready to paste into a stylesheet.
:root {
--gold-rose-gold: #B76E79;
--gold-darkgoldenrod: #B8860B;
--gold-bronze: #CD7F32;
--gold-brass: #B5A642;
--gold-goldenrod: #DAA520;
--gold-vegas-gold: #C5B358;
--gold-metallic-gold: #D4AF37;
--gold-sandybrown: #F4A460;
--gold-antique-gold: #CFB53B;
--gold-orange: #FFA500;
--gold-gold: #FFD700;
--gold-wheat: #F5DEB3;
--gold-navajowhite: #FFDEAD;
--gold-khaki: #F0E68C;
--gold-palegoldenrod: #EEE8AA;
--gold-moccasin: #FFE4B5;
--gold-champagne: #F7E7CE;
}Gold Color Questions
What is the hex code for gold?
The standard gold hex code is #FFD700, which is rgb(255, 215, 0) in RGB and hsl(51, 100%, 50%) in HSL. There is no single "correct" gold — this page lists 17 named gold shades with their own hex codes.
How many shades of gold are there?
Displays can render millions of distinct gold values, so any count is a matter of which ones have names. This page lists 17 named shades of gold, combining the CSS color keywords with widely used gold names from design and print references, plus a generated 12-step lightness scale.
Can I use gold for text on a white background?
#FFD700 scores 1.4:1 against white. WCAG 2.2 asks for at least 4.5:1 for normal body text and 3:1 for large text, so this shade does not pass and needs to be darkened. Check any specific pairing in the contrast checker.
What colors go well with gold?
blue, purple, gray all pair well with gold. For a specific shade, open its color page to see the complementary, analogous, and triadic colors calculated from its exact hue.