Fuchsia
#ed0dd9
Richer fuchsia-pink with velvet depth for accents
About Fuchsia
Fuchsia looks like magenta's bold cousin that came back from a neon party with the volume still high, but the edges less spiky. It reads richer and more saturated than the softer Cotton Candy lane, and it's not as aggressively cool and compressed as Brutal Pink. Against Hot Magenta, Fuchsia feels a touch fuller and rounder, less "headline loud," more "primary signal" without the overdriven bite.
I use Fuchsia for UI moments that need to be unmistakable in the middle of motion: promo tiles in beauty and lifestyle apps, buy-now buttons in e-commerce, and high-contrast controls in streaming and gaming interfaces. It's also a solid choice for dating app action bars and subscription CTA banners where you want urgency to land as confident rather than frosty. Pair it with clean whites and deep charcoals, or let it sit on mid-tone neutrals so it doesn't glare.
If you put it next to Hot Magenta, give one element a clear job. Otherwise they compete and both lose their authority.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
