#DD1188 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors

Benevolent Pink brings intense energy to any design project. This bright, saturated shade commands attention, making it perfect for bold calls to action or fashion statements. It relates closely to various shades of purple. The hex code for this flamboyant color is #dd1188. Designers often use this tone for cosmetics and romance branding to balance sweetness with pure excitement.
About Benevolent Pink
Bougainvillea petals under a hard noon sun
What does benevolent pink mean?
People often read this shade as boldness, playfulness, and confidence, since hot pinks commonly signal energy and a refusal to blend in. Its deep saturation and mid-dark weight give it a full, charged presence that reads loud and warm rather than soft or pastel.
Where you see benevolent pink
- bougainvillea blooms
- dragon fruit flesh
- neon bar signs
- fuchsia flowers
- silk ribbon
- party balloons
What it works for
Use it when a design needs one loud accent that owns the page, such as a call-to-action button or sale banner.
What colors go with benevolent pink?
Chartreuse #c1f80aBoth colors sit at full saturation, so the pair buzzes with electric, almost unfair energy.Midnight Blue #020035The dark blue cools and grounds the pink's heat, making it glow instead of shout.Mustard #ffdb58A warm golden yellow flatters the pink's warmth without competing for attention.Forest Green #154406Deep green acts like foliage behind a bloom, giving the pink a natural stage.Cream #fffdd0A soft cream backdrop lets the pink carry all the intensity in the palette.Tangerine #ff9300Neighboring warm hues stack into a sunset-hot combo built for energy and appetite.
Questions about Benevolent Pink
What is the hex code for Benevolent Pink?
Benevolent Pink is #dd1188. In RGB that is rgb(221, 17, 136), in HSL hsl(325, 86%, 47%) and in CMYK 0%, 92%, 38%, 13%.
Is Benevolent Pink readable on white or black?
Benevolent Pink has a 4.65:1 contrast ratio on white and 4.51:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works for body text. Try other pairs in the contrast checker.