Shocking Pink

Shocking Pink is a vivid, highly saturated pink that commands attention. While it leans warm, it’s balanced by a subtle violet-blue undertone, giving it a distinct electric quality that verges on fluorescent.

Its high brightness and pure chroma separate it from other pinks; it’s not a soft pastel or a deep rose, but a bold statement color sitting squarely in the magenta family.

Named by fashion designer Elsa Schiaparelli in 1937, Shocking Pink was born from a spirit of rebellion and surrealist art. It was designed to be, as the name suggests, a jolt to the senses—a bold, unapologetic statement against the demure palettes of the era.

Psychologically, Shocking Pink carries this legacy forward, evoking feelings of confidence, high energy, and playful defiance. It’s a color that doesn’t just ask for attention, it demands it, symbolizing fearless creativity and a break from the ordinary.

Shocking Pink works best as a high-impact accent color. Use it for key interactive elements like buttons, links, or notification badges to draw immediate attention. For a clean, modern look, pair it with a monochromatic scheme of black, white, and grays. This contrast makes the #FC0FC0 pop. Alternatively, for a more daring palette, you could set it against deep navy blues or even complementary greens for a vibrant, energetic feel.

Few major brands build their identity around a color this audacious, which is precisely its strength. While companies like Lyft have successfully used a similar bright pink to project a friendly and energetic image, its relative rarity in corporate branding means Shocking Pink offers a clear path to creating a memorable and distinct visual identity.

To see how Shocking Pink performs in practice, use the tools below. You can explore curated palettes, check color contrast ratios for accessibility, and preview #FC0FC0 applied to real UI components from well-known apps.

To apply Shocking Pink in your work, just use its hex code, #FC0FC0. This is the most direct way to specify the color in CSS or drop it into the color picker of your favorite design software.

While hex codes are the lingua franca for the web, different mediums call for different color models. RGB (Red, Green, Blue) is for screen-based media, defining colors by the intensity of light. For print, you'll need CMYK (Cyan, Magenta, Yellow, Key/Black), which is based on ink mixing. Other models like HSL, LAB, and LCH provide alternative ways to define and manipulate color properties.

To make things easy, we've converted #FC0FC0 to a range of popular formats. You can find the exact values below and copy the one you need for your project.