CSS named color
Gold #FFD700
Gold is a vivid amber with the hex code #FFD700, which converts to rgb(255, 215, 0). Open #FFD700 in the converter to tweak it.
Gold color values
| HEX | #FFD700 |
|---|---|
| HEX (shorthand) | — |
| RGB | rgb(255, 215, 0) |
| RGBA | rgba(255, 215, 0, 1) |
| 8-digit HEX | #FFD700FF |
| HSL | hsl(51, 100%, 50%) |
| HSV / HSB | 51°, 100%, 100% |
| CMYK | 0%, 16%, 100%, 0% |
| RGB 0–1 | 1, 0.843, 0 |
| Decimal | 16766720 |
| CSS keyword | gold |
How #FFD700 converts to RGB
Split the hex code into three pairs and read each pair as a base-16 number: FF → 255, D7 → 215, 00 → 0. That gives rgb(255, 215, 0). The step-by-step guide explains the math.
Shades of Gold
Mixed toward black in 10% steps. Click a swatch to copy its hex.
Tints of Gold
Mixed toward white in 10% steps.
Color harmonies
Hue rotations of Gold on the HSL color wheel, keeping saturation and lightness fixed. The color harmony guide explains when each scheme works.
Complementary
Analogous
Split-complementary
Triadic
Tetradic (square)
Contrast and accessibility
| Text | Background | Ratio | WCAG 2.x |
|---|---|---|---|
| White | Gold | 1.40:1 | Fail |
| Black | Gold | 14.97:1 | AAA |
Use black text on a gold background. Test any other pair in the contrast checker; thresholds are explained in the WCAG contrast guide.
Use Gold in CSS
.element {
color: gold; /* keyword */
background-color: #FFD700; /* hex */
border-color: rgb(255 215 0 / 50%); /* 50% transparent */
}Need it semi-transparent? Append an alpha byte: #FFD70080 is Gold at 50% opacity. See RGBA & transparency.
Similar named colors
FAQ
What is the HEX code for Gold?
The CSS named color gold is #FFD700 in hexadecimal. In CSS you can write color: gold; or color: #FFD700; — both produce the same pixel.
What is Gold in RGB?
Gold is rgb(255, 215, 0): red 255, green 215, blue 0 on the 0–255 scale. As normalized 0–1 floats that is (1, 0.843, 0).
Is white or black text more readable on Gold?
Black text is more readable. White on #FFD700 has a contrast ratio of 1.40:1 (Fail), black on #FFD700 has 14.97:1 (AAA). WCAG AA needs 4.5:1 for normal text.