Yellow family
Gold color
A pale, bright yellow. The reference gold is #FFD700, as defined by the CSS named color.
| HEX | #FFD700 | |
|---|---|---|
| RGB | rgb(255, 215, 0) | |
| HSL | hsl(51, 100%, 50%) | |
| HSV | hsv(51, 100%, 100%) | |
| OKLCH | oklch(88.7% 0.182 95.3) | |
| CMYK* | 0, 16, 100, 0 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is gold?
Gold as a flat colour is a warm, deep yellow. Real metallic gold cannot be reproduced by a single colour on a screen, because its look comes from reflections and highlights; designers fake it with gradients. The CSS keyword gold, #FFD700, is bright and saturated, while the survey gold is darker and more ochre.
Gold hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of gold in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Gold | #FFD700 | CSS named color | Reference shown on this page |
| Gold | #DBB40C | xkcd Color Survey | Noticeably different · 57% similar |
| Gold | #FFD700 | Color Names (meodai) | Same color |
Gold vs Mustard Yellow
#FFD700
#E1AD01
Mustard yellow is darker and duller; gold is brighter and cleaner. In numbers: the two are 53% similar (OKLab distance 0.118). See Mustard Yellow for its own codes.
Colors similar to gold
The closest named colors to #FFD700 across all three sources, with their similarity in OKLab.
Tints and shades of gold
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with gold
Classic color-wheel combinations built on #FFD700, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Gold with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a gold background, black text is the better choice.
Use gold in CSS
.gold {
color: #FFD700;
/* or */ color: rgb(255 215 0);
/* or */ color: hsl(51 100% 50%);
/* or */ color: oklch(88.7% 0.182 95.3);
/* CSS keyword */ color: gold;
}