Dark Goldenrod color codes
| CSS name | darkgoldenrod |
|---|---|
| HEX | #B8860B |
| RGB | rgb(184, 134, 11) |
| HSL | hsl(43, 89%, 38%) |
| CMYK | cmyk(0%, 27%, 94%, 28%) |
| Decimal | 12092939 |
Shades of Dark Goldenrod (darker)
#A6790A · #936B09 · #815E08 · #6E5007 · #5C4306 · #4A3604 · #372803 · #251B02 · #120D01
Tints of Dark Goldenrod (lighter)
#BF9223 · #C69E3C · #CDAA54 · #D4B66D · #DCC385 · #E3CF9D · #EADBB6 · #F1E7CE · #F8F3E7
Color harmonies
| Complementary | #0B3CB7 |
|---|---|
| Triadic | #0BB786, #860BB7 |
| Analogous | #B7300B, #92B70B |
Accessibility (WCAG contrast)
| White text on Dark Goldenrod | 3.25:1 · AA large text only |
|---|---|
| Black text on Dark Goldenrod | 6.45:1 · AA |
Use Dark Goldenrod in code
.element {
color: darkgoldenrod; /* or #b8860b */
background-color: rgb(184 134 11 / 0.5);
}Frequently asked questions
What is the hex code for Dark Goldenrod?
Dark Goldenrod is #B8860B in HEX, rgb(184, 134, 11) in RGB and hsl(43, 89%, 38%) in HSL.
Can I use "darkgoldenrod" directly in CSS?
Yes. "darkgoldenrod" is one of the 148 standard CSS named colors, so color: darkgoldenrod; works in every browser.
Is Dark Goldenrod readable on white?
The contrast ratio of Dark Goldenrod on white is 3.25:1 (WCAG AA large text only). On black it is 6.45:1 (AA).
What is the complementary color of Dark Goldenrod?
The complementary color (opposite on the color wheel) is #0B3CB7.
Similar colors
Chocolate#D2691EGoldenrod#DAA520Peru#CD853FOlive#808000Sienna#A0522DDark Orange#FF8C00Orange#FFA500Saddle Brown#8B4513
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.