#FF5470 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Fiery Rose is a highly saturated, aggressive tone that demands immediate attention. Use it sparingly as a 10% accent or call to action, because large areas of this color overwhelm the eye. Because it is bright, standard black text maintains a strong 6.8:1 contrast ratio against it. Pair it with deep charcoal or slate greys to temper the intensity. The hex code for this shade is #ff5470.
About Fiery Rose
Watermelon slice dripping on a hot picnic table
What does fiery rose mean?
It often signals passion, excitement, and romance, and it commonly stands in for bold energy and playful attention. Its high saturation and mid lightness make it feel loud, warm, and eager without the weight of a deep red.
Where you see fiery rose
- watermelon flesh
- bougainvillea blooms
- boxing gloves
- geraniums
- valentine candy hearts
- bright lipstick
What it works for
Use it for calls to action, sale badges, and accents that need to read as fun and urgent.
What colors go with fiery rose?
Teal #008080The cool blue green cools the rose's heat and makes both feel tropical.Navy #000080Deep navy gives the bright rose a crisp, formal frame.Peach #ffe5b4Peach softens the rose's heat into something warmer and friendlier.Charcoal #36454fCharcoal grounds the bright pink so it reads sharp instead of sweet.Cream #fffdd0Cream lets the rose stay bold while giving it room to breathe.
Questions about Fiery Rose
What is the hex code for Fiery Rose?
Fiery Rose is #ff5470. In RGB that is rgb(255, 84, 112), in HSL hsl(350, 100%, 66%) and in CMYK 0%, 67%, 56%, 0%.
How should I use #ff5470 in a web design interface?
Fiery Rose functions best as a high-impact accent color rather than a primary fill. Limit its application to 10 percent of your total screen area to guide user focus toward call-to-action buttons or critical alerts without overwhelming the viewer.
Which neutral colors balance the intensity of Fiery Rose?
To temper the aggressive nature of #ff5470, pair it with muted, deep neutrals like charcoal or slate grays. These dark, grounded tones provide a necessary visual anchor that prevents the bright pink from vibrating too harshly against the background.
Is Fiery Rose readable on white or black?
Fiery Rose has a 3.10:1 contrast ratio on white and 6.75: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.