#A21CAF color
The swatch above shows #A21CAF 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.
#A21CAF is a medium, vivid magenta, closest to the CSS named color darkorchid (#9932CC).
It is also a Tailwind CSS default: fuchsia-700. That means you can write bg-fuchsia-700 or text-fuchsia-700 directly, with no arbitrary-value brackets and no entry in your theme config.
Color values
| HEX | #A21CAF |
| RGB | rgb(162, 28, 175) |
| HSL | hsl(295, 72%, 40%) |
| CMYK | cmyk(7%, 84%, 0%, 31%) |
| Decimal | 10624175 |
| CSS | color: #A21CAF; |
| Android | 0xFFA21CAF |
| Swift | UIColor(red: 0.635, green: 0.110, blue: 0.686, alpha: 1) |
Accessibility and contrast
| White text on #A21CAF | 6.32:1 — AA pass · AA large pass · AAA fail |
| Black text on #A21CAF | 3.32: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 #A21CAF
Each swatch keeps the hue and saturation of #A21CAF and varies only lightness — the quickest way to build a usable scale from a single brand color.
Colors that go with #A21CAF
Harmonies generated by rotating the hue on the color wheel while holding saturation and lightness constant.
Using #A21CAF in code
/* CSS */
.element { color: #A21CAF; background-color: #A21CAF; }
.element { color: rgb(162 28 175); }
.element { color: hsl(295 72% 40%); }
/* Tailwind */
<div class="bg-fuchsia-700 text-white">
/* SCSS variable */
$brand: #A21CAF;Frequently asked questions
What color is #A21CAF?
#A21CAF is a medium, vivid magenta. Its hue sits at 295° on the color wheel, with 72% saturation and 40% lightness.
What is #A21CAF in RGB?
#A21CAF converts to rgb(162, 28, 175) — 162 red, 28 green and 175 blue.
What is #A21CAF in CMYK?
Approximately cmyk(7%, 84%, 0%, 31%). 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 #A21CAF be white or black?
White gives the better contrast ratio (6.32:1 versus 3.32:1).
What is the complementary color of #A21CAF?
#29AF1D — the hue directly opposite #A21CAF on the color wheel.