colors
Back to gallery

Resonant Magenta

#d84fb1
Notes

Resonant Magenta (#D84FB1) is a true magenta with a cool character. It leans cool, sitting on the blue, green, and violet side of the wheel. Quiet and dependable, a fit for product UI and data visualization. Its HSL profile (317°, 64%, 58%) places it in the balanced band at a mid lightness. It works across type, buttons, and borders, saturated enough to feel deliberate but balanced enough to not fight the rest of the palette. For a confident two-color system, pair it with its complementary green. For something softer, pull in its analogous neighbors on either side of the wheel.

HEX
#d84fb1
RGB
rgb(216, 79, 177)
HSL
hsl(317, 64%, 58%)
HWB
hwb(317 31% 15%)
OKLCH
oklch(64.2% 0.201 340.7)
HSV
hsv(317, 63%, 85%)
LAB
lab(55.45% 63.73 -24.72)
LCH
lch(55.45% 68.36 338.80)
CMYK
cmyk(0%, 63%, 18%, 15%)

Etymology

Resonant
adjective

Latin resonāns, echoing — present-participle of resonate, sharing root with sonance. As a color modifier, resonant implies a saturated-and-deep-vibrating quality where the hue carries low-frequency visual richness. Sits at the bold-and-resonant end of the grid, parallel to sonorous and resounding in usage.

Magenta
noun

A synthetic aniline dye (fuchsine) introduced in 1859 and renamed in 1860 to commemorate the Franco-Sardinian victory over Austria at the Battle of Magenta in northern Italy. The dye produced the first vivid pink-purple textile color cheaply available to mass markets. The color refers to a freshly magenta-dyed silk: a saturated, slightly cool deep pink-purple with the satiny finish of synthetic-dyed natural fiber. Cooler than fuchsia, warmer than violet.

Closest matches

The nearest named color in three reference sources, ranked by perceptual distance (ΔE76 in CIELAB). ΔE < 1 is imperceptible to most viewers; ΔE > 10 is clearly different. When two sources point to the same hex they’re merged into one tile; click any to open that color’s page.

Variations

Click any swatch to explore

Harmonies

Accessibility

Color-vision simulation

How this color appears to viewers with the four major color-vision-deficiency types. Computed via the Machado (2009) physiologically-based model. If a tile matches the original, the color reads the same to that viewer.

#d84fb1
Original
#5877b4
Protanopia
#818dae
Deuteranopia
#e45279
Tritanopia
#737373
Achromatopsia
WCAG contrast

The color used as foreground text against pure white and pure black, with the contrast ratio and WCAG 2.1 grade. Aim for AA (4.5:1) for body text and AA Large (3:1) for 18 pt+ headlines; AAA (7:1) is the gold standard for long-form reading surfaces.

The quick brown foxSample body text at normal size. The wcag minimum for body contrast is 4.5:1 (AA) or 7:1 (AAA).
AA Largeon White
3.70:1
The quick brown foxSample body text at normal size. The wcag minimum for body contrast is 4.5:1 (AA) or 7:1 (AAA).
AAon Black
5.67:1

Related Colors

Canvas