#FF006A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Shocking Rose is an aggressive, high-chroma pink that commands immediate attention. Because of its extreme saturation, it works best as a sharp accent rather than a background color. Pair #ff006a with cool grays or deep charcoal to ground its intensity in UI design or branding. Black text remains legible against this shade, making it a functional choice for high-impact call-to-action buttons.
About Shocking Rose
Neon sign buzzing in a dark shop window
What does shocking rose mean?
Shocking rose often signals bold energy and celebration, and people commonly reach for it when they want attention rather than calm. Its full saturation and mid-range lightness give it a loud, beaming feel that fills space before anything else on the page.
Where you see shocking rose
- bougainvillea petals
- highlighter ink
- neon shop signs
- bubblegum
- azalea blooms
- lipstick
What it works for
It works for accent details that need to punch through: buttons, sale badges, album art, and single bold graphics.
What colors go with shocking rose?
Teal #008080Its red lean sits opposite teal on the wheel, so the pair reads sharp and balanced.Chartreuse #c1f80aTwo loud hues side by side double the energy instead of canceling out.Mustard #ffdb58Warm yellow tames the pink's heat and keeps the combination from feeling pure neon.Lavender #e6e6faSoft lavender cools the pink's intensity while staying inside the same loud family.Forest Green #154406Deep green grounds the brightness, the way leaves frame hot blooms in a garden.Navy #000080Dark navy gives the saturated pink an anchor, so it glows instead of shouting.
Questions about Shocking Rose
What is the hex code for Shocking Rose?
Shocking Rose is #ff006a. In RGB that is rgb(255, 0, 106), in HSL hsl(335, 100%, 50%) and in CMYK 0%, 100%, 58%, 0%.
Does #ff006a work well for text-heavy designs?
Shocking Rose is far too aggressive and high-contrast for large blocks of body text, as its extreme saturation causes eye fatigue. Reserve this intense shade exclusively for call-to-action buttons, vibrant UI accents, or small design elements that need to command immediate attention.
What colors ground the intensity of #ff006a?
Pair #ff006a with deep neutrals like charcoal or cool, muted grays to balance its overwhelming vibrancy. These dark, desaturated backgrounds provide the necessary visual weight to ground the neon quality of the pink while ensuring that white or black text remains legible.
Is Shocking Rose readable on white or black?
Shocking Rose has a 3.84:1 contrast ratio on white and 5.46:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.