About Dark Goldenrod
Dark Goldenrod (darkgoldenrod) is a dark, vivid orange with the hex code #b8860b, or rgb(184, 134, 11). In HSL it sits at a hue of 43°, 89% saturation and 38% lightness. It is one of the 148 named colors every browser understands, so you can write color: darkgoldenrod; instead of the hex value.
Using Dark Goldenrod for text and backgrounds
| Pairing | Contrast ratio | WCAG |
|---|---|---|
| Dark Goldenrod text on white | 3.25 : 1 | AA large text only |
| Dark Goldenrod text on black | 6.45 : 1 | AA |
On a dark goldenrod background, use black text (6.45 : 1). WCAG asks for at least 4.5 : 1 for body text and 3 : 1 for large text. Check other pairs with the Contrast Checker.
CSS
.element {
color: darkgoldenrod; /* or #b8860b */
background-color: #b8860b;
border: 1px solid rgb(184 134 11 / 50%);
}Similar named colors
Chocolate (#d2691e), Goldenrod (#daa520), Peru (#cd853f), Olive (#808000), Sienna (#a0522d), Dark Orange (#ff8c00).
Color Name FinderPaste a HEX code to get its closest human-readable name and clean token names for your CSS, SCSS, JavaScript or Tailwind config.
Open the tool Frequently asked questions
What is the hex code for dark goldenrod?
#b8860b — that is rgb(184, 134, 11) and hsl(43, 89%, 38%). In CSS you can also just write darkgoldenrod.
Is dark goldenrod text readable on white?
Its contrast ratio on white is 3.25 : 1, which passes only for large text (WCAG AA large).
What colors go well with dark goldenrod?
Its complementary color is #0b3cb7; analogous colors #b7300b and #92b70b sit next to it on the color wheel.