darkgoldenrod — #B8860B
#B8860B
rgb(184, 134, 11) · hsl(43, 89%, 38%) · CSS keyword darkgoldenrod
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| darkgoldenrod on white | 3.25:1 | — | AA |
| darkgoldenrod on black | 6.45:1 | AA | AA |
As a background, darkgoldenrod takes black text: 6.45:1 against 3.25: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: darkgoldenrod;
color: #b8860b;
color: rgb(184 134 11);
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 darkgoldenrod
- peru — #CD853F
- chocolate — #D2691E
- goldenrod — #DAA520
- olive — #808000
- darkorange — #FF8C00
- olivedrab — #6B8E23
Frequently asked questions
What is the hex code for darkgoldenrod?
The hex code for darkgoldenrod is #B8860B — RGB 184, 134, 11.
Can I use darkgoldenrod for text?
Only for large text. darkgoldenrod reaches 3.25:1 against white — enough for the 3:1 of headings at 24px or 18.5px bold, short of the 4.5:1 body text needs.
Should text on darkgoldenrod be black or white?
Black — 6.45:1 against 3.25:1 the other way.
Other named colours
- darkgray — #A9A9A9
- darkgreen — #006400
- darkkhaki — #BDB76B
- darkmagenta — #8B008B
- darkolivegreen — #556B2F
- darkorange — #FF8C00
- darkorchid — #9932CC
- darkred — #8B0000
- darksalmon — #E9967A
- darkseagreen — #8FBC8F
- darkslateblue — #483D8B
- darkslategray — #2F4F4F
#B8860B in full — tints, shades and harmonies · All named colours · Colour reference