Color Values
HEX
#fc0fc0
RGB
rgb(252, 15, 192)
HSL
hsl(315, 94%, 52%)
CMYK
0%, 94%, 24%, 1%
HSV
315°, 94°, 99°
XYZ
49.83, 24.84, 52.04
Color Variations
Shades
#e20dac
#c90c99
#b00a86
#970973
Tints
#fc26c6
#fc3ecc
#fc57d2
#fd6fd9
Triadic Colors
#fc0fc0
#c0fc0f
#0fc0fc
Analogous Colors
#fc0fc0
#fc0f49
#c20ffc
Monochromatic Colors
#bc028d
#d503a0
#ef03b3
#fc0fc0
Complementary Color
#fc0fc0
#0ffc4b
Alternative Colors
#fc0ffb
#fc0fe8
#fc0fd4
#fc0fac
CSS Examples
Background Color
background-color: #fc0fc0;Text Color
color: #fc0fc0;Border Color
border: 2px solid #fc0fc0;Neon Glow Effect
color: #fc0fc0;
text-shadow: 0 0 5px #fc0fc0,
0 0 10px #fc0fc0,
0 0 20px #fc0fc0,
0 0 40px #fc0fc0;
animation: neonPulse 1.5s ease-in-out infinite alternate;Vibrant Button
background: linear-gradient(45deg, #fc0fc0, #fc0f49);
color: white;
padding: 12px 24px;
border: none;
border-radius: 25px;
box-shadow: 0 4px 15px rgba(252, 15, 192, 0.4);
transition: transform 0.3s ease, box-shadow 0.3s ease;Neon Border Animation
border: 2px solid #fc0fc0;
box-shadow: 0 0 10px #fc0fc0,
inset 0 0 10px #fc0fc0;
animation: borderPulse 2s infinite;Retro Wave Text
color: #fc0fc0;
text-transform: uppercase;
letter-spacing: 0.15em;
text-shadow: 2px 2px #0fc0fc,
4px 4px #c0fc0f;Gradient Overlay
background: linear-gradient(135deg,
rgba(252, 15, 192, 0.8),
rgba(252, 15, 73, 0.8));
backdrop-filter: blur(10px);
border-radius: 15px;Animated Background
background: radial-gradient(circle at center,
#fc0fc0 0%,
rgba(252, 15, 192, 0.8) 50%,
rgba(252, 15, 192, 0.4) 100%);
animation: pulseBackground 3s ease infinite;3D Text Effect
color: #fc0fc0;
text-shadow: 1px 1px 1px #fc26c6,
2px 2px 1px #fc3ecc,
3px 3px 1px #fc57d2,
4px 4px 1px #fd6fd9;About Shocking Pink
Shocking Pink is a vibrant, eye-catching hue that commands attention. This bold color was first introduced by Italian fashion designer Elsa Schiaparelli in the 1930s, making a statement in the world of haute couture.
With its intense and lively nature, Shocking Pink is perfect for adding a pop of color to fashion items, marketing materials, and event decorations. Its striking appearance ensures it stands out, making it an excellent choice for brands looking to make a memorable impression.
In Western countries, it often represents boldness and modernity, while in some Eastern cultures, it is associated with youth and celebration. The color's vibrant energy makes it particularly effective in designs that aim to capture attention and create excitement.
Shocking Pink is commonly used in fashion to make bold statements, in marketing materials to capture the audience's eye, and in event decorations to create a lively atmosphere. Its electrifying presence is also popular in neon signs and modern art, where it adds a touch of excitement and modernity.
