Brutal Pink

#ff00bb

Barbed fuchsia-pink for sharp, brash interface highlights

Save
Share

About Brutal Pink

Brutal Pink sits right where saturation peaks and temperature drops. It's cooler and sharper than , more aggressive than , but it doesn't have 's electric edge, this one feels compressed, like all the intensity got packed into a denser space. It reads cold despite being pink, which is the whole trick.

You reach for it when the design needs to feel premium and intentional but not quite neon. Premium gaming tiers, high-end beauty launches, music streaming hero sections, dating app primary actions, anywhere you need the color to land with presence and precision at once. It works in dark interfaces especially, where cooler pinks tend to glow without looking cheap. Icon systems, buttons, full-screen accents, campaign imagery that needs to feel focused rather than celebratory.

Pair it with blacks, deep charcoals, and whites that can take the cold. Warm neutrals will fight it. Medium to heavy type reads cleanly; anything too thin will feel like it's struggling. This is a color that works harder than it looks, so commit to it fully or don't reach for it at all.

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.52:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.23:1FailAA Large

On Gray 900 #18181b

Aa
5.04:1AAAAA Large

On Black #000000

Aa
5.97: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.

Create a gradient with Brutal Pink

Open the generator with this color pre-loaded.

Start creating