#DB6484 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Surfer Girl is a punchy, warm pink with high saturation that demands attention. This vivid hue works best as an accent color for calls to action or UI highlights rather than a full background. It pairs exceptionally well with deep charcoal or slate greys for a modern look. Because it holds strong contrast, black text remains legible over the hex code #db6484.
About Surfer Girl
Hibiscus petals warmed on a sunlit windowsill
What does surfer girl mean?
It often reads as playful, affectionate, and confident, carrying the sweet associations of pink with a louder, more outgoing voice. Its strong saturation and warm undertone give it a full, beaming energy that stays mellow because the lightness keeps it soft.
Where you see surfer girl
- hibiscus blooms
- watermelon flesh
- flamingo feathers at dusk
- raspberry sorbet
- bougainvillea against stucco
- bubblegum
What it works for
It works well as an accent in packaging, summer fashion, party graphics, and brand moments that need bold warmth without harshness.
What colors go with surfer girl?
Teal #008080The cool blue-green sits opposite on the wheel, so both colors look sharper together.Mustard #ffdb58Two warm, saturated tones that share heat but split the hue, giving a retro punch.Sage #9caf88The muted green cools the pink down and keeps its brightness from overwhelming a page.Cream #fffdd0A near-white backdrop lets the pink carry all the color and keeps layouts breathable.Charcoal #36454fThe dark neutral grounds the pink's energy and makes it read as grown-up.Peach #ffe5b4A lighter, softer neighbor that eases the pink into gentle gradients and skin-adjacent palettes.
Questions about Surfer Girl
What is the hex code for Surfer Girl?
Surfer Girl is #db6484. In RGB that is rgb(219, 100, 132), in HSL hsl(344, 62%, 63%) and in CMYK 0%, 54%, 40%, 14%.
How can I effectively use Surfer Girl #db6484 in a UI design?
Surfer Girl functions best as a high-contrast accent color rather than a primary background shade. It pairs exceptionally well with charcoal or deep slate grays, creating a modern, readable look that makes buttons and notification badges pop.
Is Surfer Girl readable on white or black?
Surfer Girl has a 3.40:1 contrast ratio on white and 6.16: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.