#86702D color
#86702D is a dark, moderately saturated orange, closest to the CSS named color olive (#808000).
Color values
| HEX | #86702D |
| RGB | rgb(134, 112, 45) |
| HSL | hsl(45, 50%, 35%) |
| CMYK | cmyk(0%, 16%, 66%, 47%) |
| Decimal | 8810541 |
| CSS | color: #86702D; |
| Android | 0xFF86702D |
| Swift | UIColor(red: 0.525, green: 0.439, blue: 0.176, alpha: 1) |
Accessibility and contrast
| White text on #86702D | 4.81:1 — AA pass · AA large pass · AAA fail |
| Black text on #86702D | 4.37:1 — AA fail · AA large pass · AAA fail |
| Recommended text color | white |
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 #86702D
Each swatch keeps the hue and saturation of #86702D and varies only lightness — the quickest way to build a usable scale from a single brand color.
Colors that go with #86702D
Harmonies generated by rotating the hue on the color wheel while holding saturation and lightness constant.
Using #86702D in code
/* CSS */
.element { color: #86702D; background-color: #86702D; }
.element { color: rgb(134 112 45); }
.element { color: hsl(45 50% 35%); }
/* Tailwind arbitrary value */
<div class="bg-[#86702D] text-white">
/* SCSS variable */
$brand: #86702D;Frequently asked questions
What color is #86702D?
#86702D is a dark, moderately saturated orange. Its hue sits at 45° on the color wheel, with 50% saturation and 35% lightness.
What is #86702D in RGB?
#86702D converts to rgb(134, 112, 45) — 134 red, 112 green and 45 blue.
What is #86702D in CMYK?
Approximately cmyk(0%, 16%, 66%, 47%). 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 #86702D be white or black?
White gives the better contrast ratio (4.81:1 versus 4.37:1).
What is the complementary color of #86702D?
#2D4386 — the hue directly opposite #86702D on the color wheel.