Dark Goldenrod #B8860B

Dark Goldenrod color (#B8860B)

Dark Goldenrod is one of the 148 CSS named colors. Use the keyword darkgoldenrod anywhere CSS accepts a color, or its hex code #B8860B, which is rgb(184, 134, 11) in RGB.

It is a medium, vivid warm color with a hue angle of 43° on the HSL color wheel and a perceived lightness of 65% in OKLCH. On a dark goldenrod background, black text gives the higher contrast at 6.45:1, which passes WCAG AA for normal text.

Dark Goldenrod color codes

CSS name darkgoldenrod
HEX #B8860B
HEX (8-digit) #B8860BFF
RGB rgb(184, 134, 11)
HSL hsl(43, 89%, 38%)
HSV / HSB hsv(43, 94%, 72%)
OKLCH oklch(65.2% 0.1322 81.6)
CMYK cmyk(0%, 27.2%, 94%, 27.8%)

Contrast with white and black

WCAG 2 contrast ratios and APCA lightness contrast (Lc) for dark goldenrod used as text and as a background.

Aa Sample text
Dark Goldenrod text on white
3.25:1 WCAG Lc 59.6 APCA AA large text only
Aa Sample text
Dark Goldenrod text on black
6.45:1 WCAG Lc -42.1 APCA Passes AA
Aa Sample text
White text on dark goldenrod
3.25:1 WCAG Lc -65 APCA AA large text only
Aa Sample text
Black text on dark goldenrod
6.45:1 WCAG Lc 44.5 APCA Passes AA

Tints and shades of dark goldenrod

Tints mix dark goldenrod with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.

Tints

Shades

Colors that go with dark goldenrod

Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.

Complementary

Analogous

Triadic

Split-Complementary

Dark Goldenrod with color blindness

Approximately how dark goldenrod appears with each type of color vision deficiency. Test full designs with the color blindness simulator.

Using dark goldenrod in CSS

.element {
  color: darkgoldenrod;
  background-color: #b8860b;
  border-color: rgb(184 134 11 / 50%);
  outline-color: oklch(65.2% 0.1322 81.6);
}

Similar named colors

See all shades of yellow or browse every CSS color name.

Related tools