CSS named color
DarkGoldenrod #B8860B
DarkGoldenrod is a vivid amber with the hex code #B8860B, which converts to rgb(184, 134, 11). Open #B8860B in the converter to tweak it.
DarkGoldenrod color values
| HEX | #B8860B |
|---|---|
| HEX (shorthand) | — |
| RGB | rgb(184, 134, 11) |
| RGBA | rgba(184, 134, 11, 1) |
| 8-digit HEX | #B8860BFF |
| HSL | hsl(43, 89%, 38%) |
| HSV / HSB | 43°, 94%, 72% |
| CMYK | 0%, 27%, 94%, 28% |
| RGB 0–1 | 0.722, 0.525, 0.043 |
| Decimal | 12092939 |
| CSS keyword | darkgoldenrod |
How #B8860B converts to RGB
Split the hex code into three pairs and read each pair as a base-16 number: B8 → 184, 86 → 134, 0B → 11. That gives rgb(184, 134, 11). The step-by-step guide explains the math.
Shades of DarkGoldenrod
Mixed toward black in 10% steps. Click a swatch to copy its hex.
Tints of DarkGoldenrod
Mixed toward white in 10% steps.
Color harmonies
Hue rotations of DarkGoldenrod on the HSL color wheel, keeping saturation and lightness fixed. The color harmony guide explains when each scheme works.
Complementary
Analogous
Split-complementary
Triadic
Tetradic (square)
Contrast and accessibility
| Text | Background | Ratio | WCAG 2.x |
|---|---|---|---|
| White | DarkGoldenrod | 3.25:1 | AA Large only |
| Black | DarkGoldenrod | 6.45:1 | AA |
Use black text on a darkgoldenrod background. Test any other pair in the contrast checker; thresholds are explained in the WCAG contrast guide.
Use DarkGoldenrod in CSS
.element {
color: darkgoldenrod; /* keyword */
background-color: #B8860B; /* hex */
border-color: rgb(184 134 11 / 50%); /* 50% transparent */
}Need it semi-transparent? Append an alpha byte: #B8860B80 is DarkGoldenrod at 50% opacity. See RGBA & transparency.
Similar named colors
FAQ
What is the HEX code for DarkGoldenrod?
The CSS named color darkgoldenrod is #B8860B in hexadecimal. In CSS you can write color: darkgoldenrod; or color: #B8860B; — both produce the same pixel.
What is DarkGoldenrod in RGB?
DarkGoldenrod is rgb(184, 134, 11): red 184, green 134, blue 11 on the 0–255 scale. As normalized 0–1 floats that is (0.722, 0.525, 0.043).
Is white or black text more readable on DarkGoldenrod?
Black text is more readable. White on #B8860B has a contrast ratio of 3.25:1 (AA Large only), black on #B8860B has 6.45:1 (AA). WCAG AA needs 4.5:1 for normal text.