goldenrod — #DAA520
#DAA520
rgb(218, 165, 32) · hsl(43, 74%, 49%) · CSS keyword goldenrod
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| goldenrod on white | 2.24:1 | — | — |
| goldenrod on black | 9.38:1 | AA | AA |
As a background, goldenrod takes black text: 9.38:1 against 2.24: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: goldenrod;
color: #daa520;
color: rgb(218 165 32);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 goldenrod
- orange — #FFA500
- sandybrown — #F4A460
- peru — #CD853F
- darkorange — #FF8C00
- darkgoldenrod — #B8860B
- darkkhaki — #BDB76B
Frequently asked questions
What is the hex code for goldenrod?
The hex code for goldenrod is #DAA520 — RGB 218, 165, 32.
Can I use goldenrod for text?
Not on a white background. goldenrod reaches only 2.24:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on goldenrod be black or white?
Black — 9.38:1 against 2.24:1 the other way.
Other named colours
- gray — #808080
- green — #008000
- greenyellow — #ADFF2F
- honeydew — #F0FFF0
- hotpink — #FF69B4
- indianred — #CD5C5C
- indigo — #4B0082
- ivory — #FFFFF0
- khaki — #F0E68C
- lavender — #E6E6FA
- lavenderblush — #FFF0F5
- lawngreen — #7CFC00
#DAA520 in full — tints, shades and harmonies · All named colours · Colour reference