Berry Blast

#ff017f

Fuchsia-leaning magenta-red for crisp midtone highlights

Save
Share

About Berry Blast

Berry Blast sits right at the edge where red becomes pink, and it's more saturated than without the blue undertone that keeps that one cool. It's hot, hotter than , actually, but it doesn't warm up toward orange the way does. This is the magenta-red, the one that leans toward fuchsia without apologizing for it.

Use it when you need that pull of attention but you're working in a cooler color environment, tech products, health apps, motion design and interactive features where the movement itself needs color that stays sharp and doesn't muddy. It scales down better than you'd expect for a color this saturated. Icon overlays, small status badges, animated transitions where you want it to read as urgent and a little modern without feeling retro.

Against cool grays it'll stay true. Against warm backgrounds it shifts toward pure magenta, which isn't always a problem, sometimes that's exactly what you want. Test it early if you're sitting it next to anything beige or warm. The saturation is doing the work here, not a temperature trick. It's direct in a different way than the others.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
3.78:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.46:1FailAA Large

On Gray 900 #18181b

Aa
4.69:1AAAAA Large

On Black #000000

Aa
5.56:1AAAAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Berry Blast

Open the generator with this color pre-loaded.

Start creating