gold — #FFD700
#FFD700
rgb(255, 215, 0) · hsl(51, 100%, 50%) · CSS keyword gold
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| gold on white | 1.4:1 | — | — |
| gold on black | 14.97:1 | AA | AA |
As a background, gold takes black text: 14.97:1 against 1.4:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: gold;
color: #ffd700;
color: rgb(255 215 0);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to gold
- yellow — #FFFF00
- orange — #FFA500
- goldenrod — #DAA520
- khaki — #F0E68C
- sandybrown — #F4A460
- burlywood — #DEB887
Frequently asked questions
What is the hex code for gold?
The hex code for gold is #FFD700 — RGB 255, 215, 0.
Can I use gold for text?
Not on a white background. gold reaches only 1.4:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on gold be black or white?
Black — 14.97:1 against 1.4:1 the other way.
Other named colours
- goldenrod — #DAA520
- gray — #808080
- green — #008000
- greenyellow — #ADFF2F
- honeydew — #F0FFF0
- hotpink — #FF69B4
- indianred — #CD5C5C
- indigo — #4B0082
- ivory — #FFFFF0
- khaki — #F0E68C
- lavender — #E6E6FA
- lavenderblush — #FFF0F5
#FFD700 in full — tints, shades and harmonies · All named colours · Colour reference