Toolman

Darkgoldenrod — #B8860B

#B8860B#B8860B

#B8860B is a dark, vivid orange. It is the CSS named color darkgoldenrod.

Color values

HEX#B8860B
RGBrgb(184, 134, 11)
HSLhsl(43, 89%, 38%)
CMYKcmyk(0%, 27%, 94%, 28%)
Decimal12092939
CSScolor: #B8860B;
Android0xFFB8860B
SwiftUIColor(red: 0.722, green: 0.525, blue: 0.043, alpha: 1)

Accessibility and contrast

White text on #B8860B3.25:1 — AA fail · AA large pass · AAA fail
Black text on #B8860B6.45:1 — AA pass · AA large pass · AAA fail
Recommended text colorblack

WCAG 2.1 asks for at least 4.5:1 for body text and 3:1 for large text (18 pt, or 14 pt bold).

Tints and shades of #B8860B

Each swatch keeps the hue and saturation of #B8860B and varies only lightness — the quickest way to build a usable scale from a single brand color.

95%
85%
75%
65%
55%
45%
35%
25%
15%

Colors that go with #B8860B

Harmonies generated by rotating the hue on the color wheel while holding saturation and lightness constant.

Complementary
Triadic +120°
Triadic +240°
Analogous −30°
Analogous +30°
Split −150°
Split +150°

Using #B8860B in code

/* CSS */
.element { color: #B8860B; background-color: #B8860B; }
.element { color: rgb(184 134 11); }
.element { color: hsl(43 89% 38%); }

/* Tailwind arbitrary value */
<div class="bg-[#B8860B] text-black">

/* SCSS variable */
$brand: #B8860B;

Frequently asked questions

What color is #B8860B?

#B8860B is a dark, vivid orange, which CSS calls darkgoldenrod. Its hue sits at 43° on the color wheel, with 89% saturation and 38% lightness.

What is #B8860B in RGB?

#B8860B converts to rgb(184, 134, 11) — 184 red, 134 green and 11 blue.

What is #B8860B in CMYK?

Approximately cmyk(0%, 27%, 94%, 28%). Print output depends on the ICC profile of the press and paper, so treat this as a starting point rather than an exact match.

Should text on #B8860B be white or black?

Black gives the better contrast ratio (6.45:1 versus 3.25:1).

What is the complementary color of #B8860B?

#0B3CB7 — the hue directly opposite #B8860B on the color wheel.

Convert any color → · Browse all colors