Fuchsia Shades
Every named color in the fuchsia family, with computed conversions and contrast data — membership derived by computed hue, not a hand-maintained list. 46 colors shown below.
Quick facts (computed from this family's 46 members)
- Average lightness: 49%
- Average saturation: 67%
- 20 of 46 pass WCAG AA as normal text on white
- 26 of 46 pass WCAG AA as normal text on black
- Lightest named member: pale mauve
- Darkest named member: eggplant
- Most saturated member: DarkMagenta
The color science
Fuchsia sits at roughly 290-310° and is named after the fuchsia flower, which was itself named in 1703 by botanist Charles Plumier after 16th-century German botanist Leonhart Fuchs — making 'fuchsia' one of the relatively few English color names that trace back through a plant to a specific person's surname rather than a direct object or material reference. In the RGB color model, fuchsia (#FF00FF) is the exact midpoint mix of full-intensity red and blue light with no green at all, which is also why it's mathematically identical to 'magenta' in most digital color systems. Because fuchsia requires both the red and blue channels at full or near-full intensity with green suppressed, it's one of the more energy-intensive colors to reproduce accurately on some older display technologies, and it's also a color that doesn't correspond to any single wavelength of light — like purple, it's a non-spectral color the visual system constructs by combining two separated ends of the spectrum rather than one the eye perceives directly from a single wavelength. The fuchsia flower itself was a genuine botanical sensation in 18th-century Europe — brought back from the Caribbean by Plumier's expedition, it was one of the first widely cultivated ornamental plants from the Americas to lend its name directly to a color rather than the more common reverse pattern of naming a plant after an existing color term. Several fuchsia flower species also display a striking two-tone effect, pairing a deep fuchsia-red outer sepal with a contrasting purple inner petal on the same bloom, which is arguably closer to how the color reads in high-saturation digital design (an intense, slightly two-toned pop) than a single flat swatch alone conveys.
Common uses in design
Fuchsia and magenta are used near-interchangeably in casual design language but skew toward different contexts: fuchsia leans slightly toward the floral/fashion association from its namesake flower, while magenta carries a printing-industry identity that fuchsia doesn't share (magenta is one of the four standard CMYK process-printing inks) — in practice most design systems treat the two names as synonyms at the hex level regardless of the connotation difference. Fuchsia shows up disproportionately often in youth, gaming, and nightlife branding, where its combination of high saturation and a slightly synthetic, 'unnatural' quality (few natural materials genuinely reach this exact hue and intensity) reads as energetic and modern in a way that a more muted, natural-feeling pink or red typically doesn't. Fashion and cosmetics brands also reach for fuchsia specifically when a product line wants to signal boldness within an otherwise pink-forward category, using the extra saturation to differentiate from the softer, more traditional pastel-pink competitors on the same shelf. Live-performance and event lighting design also reaches for fuchsia gels disproportionately often, since the hue reads as vivid and energetic even under the harsh, high-contrast conditions of stage lighting where more muted colors tend to wash out.
Accessibility notes
High-saturation fuchsia is visually intense enough that it's rarely used as a large background fill in accessible design; it performs better as a small accent, badge, or highlight than as body-copy color or a full-page background, where sustained exposure can cause visual fatigue over extended viewing sessions. As with most fully saturated hues at mid-lightness, pure fuchsia struggles against a white background for text-level WCAG contrast, so darker, less saturated fuchsia-adjacent shades are the safer choice whenever the color needs to carry readable text rather than just serve as a swatch or accent shape. It's worth checking a bright fuchsia against a genuinely deep magenta-red before assuming the two read as distinct to every viewer, since the difference between them is primarily one of blue-channel intensity rather than a large hue-angle gap. As with most highly saturated hues, a fuchsia's actual accessibility performance should always be checked directly at the specific hex value in use rather than assumed from the family's general reputation.
Named examples
Fuchsia is a directly named CSS/X11 color and, like cyan/aqua, is an exact synonym for Magenta (#FF00FF) — both keywords were kept in the spec for the same reason: supporting both the botanical/casual term and the print-industry term side by side. The xkcd survey set contributes a noticeably wider vocabulary in this exact hue range than the 148-color CSS list, including several distinctly named pinks-leaning-fuchsia and purples-leaning-fuchsia that reflect how much everyday color naming varies at this particular saturated, non-spectral part of the wheel. Shocking Pink, made famous by couturier Elsa Schiaparelli's 1937 fashion line, sits close enough to this band that it's frequently cited alongside fuchsia and magenta as a third near-synonym, even though it isn't itself a formal CSS keyword. Bougainvillea, a flowering vine common in warm climates worldwide, is another frequently cited real-world fuchsia reference outside the CSS naming set, its papery bracts reaching a comparably intense saturated pink-magenta rarely matched by other common garden plants. Orchid, a separate but nearby named CSS color, sits at a slightly cooler, more purple-leaning point than fuchsia proper, another useful illustration of how many genuinely distinct swatches this small corner of the wheel actually contains once you look closely rather than lumping them all under one casual label.
Building a fuchsia design-token scale
Fuchsia/magenta tokens are most common as a single high-energy accent rather than a full ramp — used for 'new,' 'featured,' or promotional badges in an otherwise restrained palette specifically because it's rare enough elsewhere in most interfaces to draw the eye reliably without a full saturated-red alarm connotation attached to it. It pairs unusually well with near-black or deep-navy neutrals in dark-mode UI, since the hue's high saturation reads as vivid without becoming visually harsh the way pure red can on a dark surface. Because fuchsia carries essentially no pre-existing semantic baggage from the standard error/success/warning/link conventions, it's one of the freer choices available for a genuinely new category label in a data-visualization palette, where it won't be misread as inheriting meaning from an unrelated existing convention. Its intensity also means a little goes a long way in practice — design systems that adopt fuchsia as a brand accent typically reserve it for a small number of high-visibility moments rather than spreading it across many UI elements, since overuse quickly tips the color from energetic into overwhelming. Pairing fuchsia with a large amount of neutral white space around it is a common, reliable technique for keeping the accent feeling deliberate rather than chaotic within an otherwise restrained layout. A fuchsia token also benefits from an explicit usage guideline in a design system's documentation (exactly which UI moments earn it) precisely because its intensity makes inconsistent, ad hoc use more visually noticeable than an equivalent inconsistency in a quieter, less saturated hue would be.