colors
Back to gallery

Ironclad Strand Fuchsia

#af328b
Notes

Ironclad Strand Fuchsia (#AF328B) 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°, 56%, 44%) 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
#af328b
RGB
rgb(175, 50, 139)
HSL
hsl(317, 56%, 44%)
HWB
hwb(317 20% 31%)
OKLCH
oklch(53.4% 0.185 341.7)
HSV
hsv(317, 71%, 69%)
LAB
lab(43.15% 58.76 -21.68)
LCH
lch(43.15% 62.63 339.75)
CMYK
cmyk(0%, 71%, 21%, 31%)

Etymology

Ironclad
adjective

English compound iron + clad — referring to the 19th-century USS-Monitor and CSS-Virginia iron-armored warships. As a color modifier, ironclad implies a saturated-and-armored-and-impenetrable quality where the hue carries the visual weight of forged-iron armor-plate. Sits at the bold-and-fortified end of the grid, parallel to fortified and armored.

Strand
modifier

Old English strand, shore / beach. As a color modifier, strand implies a London-Thames-bank-and-Anglo-Saxon-shore quality, the visual register of London-Strand-and-North-Sea-coast tidal-shore-and-river-bank embankment-and-walking-promenade surfaces under London-Strand-and-North-Sea-coast tidal-edge atmospheric light. Sits at the modifier-and-place end of the grid, parallel to shore and coast in usage.

Fuchsia
noun

The genus Fuchsia — South American shrubs named in 1703 for the German botanist Leonhart Fuchs. The color refers to the calyx and tube of a vibrant Fuchsia magellanica hybrid: a saturated, slightly cool deep pink-magenta with the satiny finish of a tubular hummingbird-pollinated flower. Brighter than rose, warmer than orchid, with the bedding-and-basket weight of a plant genus whose flowers gave English the most attention-demanding pink in the spectrum.

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.

#af328b
Original
#3d598d
Protanopia
#636d88
Deuteranopia
#ba345a
Tritanopia
#535353
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).
AAon White
5.75: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).
AA Largeon Black
3.65:1

Related Colors

Canvas