Cosmic Pink
Soft opalescent pink with magenta undertones
Cosmic Pink acts as a light, desaturated magenta with a soft, opalescent quality. Because of its brightness, it functions best as a background for delicate, youthful branding. The hex code for this color is #e6a8d7. It maintains excellent readability with black text due to a 10.9:1 contrast ratio. Pair this tone with charcoal greys to ground its sweetness and prevent the design from feeling washed out.
About Cosmic Pink
Opal candy from a dime-store jewelry box
What does cosmic pink mean?
Cosmic Pink often suggests glitter, party dressing, and playful glamour, with a light magenta cast that reads sweet rather than serious. Its high lightness and low saturation make it feel airy and weightless, like light bouncing off a frosted surface.
Where you see cosmic pink
- frosted birthday candles
- seashell interiors
- sugar-dusted jelly candies
- iridescent gift wrap
- bubblegum ice cream
- glitter nail polish
What it works for
Use it when a design needs a soft glow with sparkle behind it, such as cosmetics packaging, invitations, or playful brand accents.
What colors go with cosmic pink?
Deep Plum #4a2a59Dark purple grounds the pastel and brings out its glow.Mint #98ff98Cool mint keeps the pairing fresh and stops the pink from turning syrupy.Midnight Blue #020035The near-black blue makes Cosmic Pink shimmer like neon after dark.Pewter #91a092Muted gray leans into the opalescent quality instead of fighting it.
Questions about Cosmic Pink
What is the hex code for Cosmic Pink?
Cosmic Pink is #e6a8d7. In RGB that is rgb(230, 168, 215), in HSL hsl(315, 55%, 78%) and in CMYK 0%, 27%, 7%, 10%.
How do I balance the sweetness of Cosmic Pink #e6a8d7 in a professional layout?
To ground the sweetness of #e6a8d7, pair it with deep, neutral tones like charcoal or slate. Using a strong dark neutral for text and structural elements prevents the design from feeling washed out or overly whimsical.
Is Cosmic Pink readable on white or black?
Cosmic Pink has a 1.91:1 contrast ratio on white and 10.94: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.