Shocking pink color: code #FC0FC0
Shocking pink
#FC0FC0
Color codes
- HEX
#FC0FC0 - RGB
rgb(252, 15, 192) - HSL
hsl(315, 98%, 52%) - HSV
hsv(315, 94%, 99%) - CMYK
cmyk(0%, 94%, 24%, 1%) - LAB
lab(56.9% 88.8 -30.6) - OKLCH
oklch(66.6% 0.282 343)
About the color Shocking pink
Shocking pink has the HEX code #FC0FC0, which corresponds to rgb(252, 15, 192) in the RGB model. On the color wheel its hue sits at 315°, with 98% saturation and 52% lightness (hsl(315, 98%, 52%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for dark text: black reaches a 5.96:1 contrast ratio on it, versus 3.51:1 for white.
For print, the approximate conversion is cmyk(0%, 94%, 24%, 1%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Shocking pink
Complementary
#FC0FC0 · #0DFD49
Analogous
#C10DFD · #FC0FC0 · #FD0D49
Triadic
#FC0FC0 · #C1FD0D · #0DC1FD
Tetradic
#FC0FC0 · #FDC10D · #0DFD49 · #0D49FD
Split-complementary
#FC0FC0 · #49FD0D · #0DFDC1
Monochromatic
#880167 · #D402A0 · #FC0FC0 · #FD58D4 · #FEA4E8
Shocking pink with white and black text
How to use it in CSS
:root {
--color-shocking-pink: #FC0FC0;
--color-shocking-pink-rgb: 252, 15, 192;
}
.elemento {
background-color: var(--color-shocking-pink);
color: #000000;
}