Pastel Red
Vibrant warm red with playful energy
Pastel Red is a high-energy, warm tone that demands attention. Because it is so saturated, this shade works best as a punchy accent rather than a background color. Try pairing #ff6961 with dark, moody grays to ground its intensity. The hex code #ff6961 provides excellent contrast with black text, making it a functional choice for calls to action or UI highlights.
About Pastel Red
Watermelon flesh on a hot porch
What does pastel red mean?
Pastel red often carries the same associations as pure red, like energy, appetite, and warmth, but softened into something friendlier. Its high saturation keeps it loud and eager, while the lifted lightness stops it from ever feeling heavy or severe.
Where you see pastel red
- watermelon flesh
- salmon fillets
- coral
- neon signage
- lip balm
- strawberry hard candy
What it works for
It works well for food packaging, kids' products, playful callouts, and summer branding that needs warmth without the weight of true red.
What colors go with pastel red?
Teal #008080Teal sits across the wheel, so both colors read brighter next to each other.Navy #000080Navy is deep and dark, giving this light red a strong, steady base.Mint #98ff98Mint shares its lightness but cools it down, keeping the pairing fresh.Mustard #ffdb58Mustard adds a warm yellow edge that suits its summery, fruity character.Charcoal #36454fCharcoal mutes the sweetness and gives it a more grown-up feel.
Questions about Pastel Red
What is the hex code for Pastel Red?
Pastel Red is #ff6961. In RGB that is rgb(255, 105, 97), in HSL hsl(3, 100%, 69%) and in CMYK 0%, 59%, 62%, 0%.
How can I effectively use #ff6961 in a UI design?
Use #ff6961 as a high-impact accent color for calls to action, buttons, or notification badges to draw immediate user attention. Because of its saturation, pair it with neutral charcoal or dark gray text to ensure the content remains readable.
Is Pastel Red readable on white or black?
Pastel Red has a 2.82:1 contrast ratio on white and 7.44:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.