#BF409F color
#BF409F is a medium, moderately saturated magenta, closest to the CSS named color mediumorchid (#BA55D3).
Color values
| HEX | #BF409F |
| RGB | rgb(191, 64, 159) |
| HSL | hsl(315, 50%, 50%) |
| CMYK | cmyk(0%, 66%, 17%, 25%) |
| Decimal | 12533919 |
| CSS | color: #BF409F; |
| Android | 0xFFBF409F |
| Swift | UIColor(red: 0.749, green: 0.251, blue: 0.624, alpha: 1) |
Accessibility and contrast
| White text on #BF409F | 4.72:1 — AA pass · AA large pass · AAA fail |
| Black text on #BF409F | 4.45: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 #BF409F
Each swatch keeps the hue and saturation of #BF409F and varies only lightness — the quickest way to build a usable scale from a single brand color.
Colors that go with #BF409F
Harmonies generated by rotating the hue on the color wheel while holding saturation and lightness constant.
Using #BF409F in code
/* CSS */
.element { color: #BF409F; background-color: #BF409F; }
.element { color: rgb(191 64 159); }
.element { color: hsl(315 50% 50%); }
/* Tailwind arbitrary value */
<div class="bg-[#BF409F] text-white">
/* SCSS variable */
$brand: #BF409F;Frequently asked questions
What color is #BF409F?
#BF409F is a medium, moderately saturated magenta. Its hue sits at 315° on the color wheel, with 50% saturation and 50% lightness.
What is #BF409F in RGB?
#BF409F converts to rgb(191, 64, 159) — 191 red, 64 green and 159 blue.
What is #BF409F in CMYK?
Approximately cmyk(0%, 66%, 17%, 25%). 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 #BF409F be white or black?
White gives the better contrast ratio (4.72:1 versus 4.45:1).
What is the complementary color of #BF409F?
#40BF60 — the hue directly opposite #BF409F on the color wheel.