#86198F color
The swatch above shows #86198F with its hex code written on it in white and in black, so you can see which of the two is legible before reading the measured ratios below.
#86198F is a dark, vivid magenta, closest to the CSS named color darkmagenta (#8B008B).
It is also a Tailwind CSS default: fuchsia-800. That means you can write bg-fuchsia-800 or text-fuchsia-800 directly, with no arbitrary-value brackets and no entry in your theme config.
Color values
| HEX | #86198F |
| RGB | rgb(134, 25, 143) |
| HSL | hsl(295, 70%, 33%) |
| CMYK | cmyk(6%, 83%, 0%, 44%) |
| Decimal | 8788367 |
| CSS | color: #86198F; |
| Android | 0xFF86198F |
| Swift | UIColor(red: 0.525, green: 0.098, blue: 0.561, alpha: 1) |
Accessibility and contrast
| White text on #86198F | 8.24:1 — AA pass · AA large pass · AAA pass |
| Black text on #86198F | 2.55:1 — AA fail · AA large fail · 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 #86198F
Each swatch keeps the hue and saturation of #86198F and varies only lightness — the quickest way to build a usable scale from a single brand color.
Colors that go with #86198F
Harmonies generated by rotating the hue on the color wheel while holding saturation and lightness constant.
Using #86198F in code
/* CSS */
.element { color: #86198F; background-color: #86198F; }
.element { color: rgb(134 25 143); }
.element { color: hsl(295 70% 33%); }
/* Tailwind */
<div class="bg-fuchsia-800 text-white">
/* SCSS variable */
$brand: #86198F;Frequently asked questions
What color is #86198F?
#86198F is a dark, vivid magenta. Its hue sits at 295° on the color wheel, with 70% saturation and 33% lightness.
What is #86198F in RGB?
#86198F converts to rgb(134, 25, 143) — 134 red, 25 green and 143 blue.
What is #86198F in CMYK?
Approximately cmyk(6%, 83%, 0%, 44%). 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 #86198F be white or black?
White gives the better contrast ratio (8.24:1 versus 2.55:1).
What is the complementary color of #86198F?
#238F19 — the hue directly opposite #86198F on the color wheel.