Pompelmo
A high energy, saturated salmon red
Pompelmo is a high-energy, saturated red that demands attention. Because it is so intense, use it as a 10% accent rather than a background color to avoid overwhelming the viewer. This shade works well for calls to action or urgent alerts, especially when paired with deep charcoal greys for legibility. The hex code for Pompelmo is #ff6666.
About Pompelmo
Grapefruit flesh split open on a hot afternoon
What does pompelmo mean?
Pompelmo often signals energy, warmth, and appetite. Its high lightness and strong saturation give it a loud, beaming quality, while the soft red base keeps it mellow instead of aggressive or alarming.
Where you see pompelmo
- grapefruit flesh
- salmon fillets
- coral reefs
- watermelon slices
- neon bar signs
- sunset clouds
What it works for
It suits calls to action, summer packaging, playful interfaces, and accents that need punch without the harshness of a pure red.
What colors go with pompelmo?
Midnight Blue #020035Deep blue cools the heat and lets the coral glow read cleanly against it.Sage #9caf88Muted green softens the loudness and pushes the color toward fresh and botanical.Cream #fffdd0Warm off-white thins the saturation into something softer and more inviting.Teal #008080Teal sits opposite on the wheel, so the pairing snaps with balanced contrast.Charcoal #36454fNear-black grounds the brightness and gives the red full command of the page.Peach #ffe5b4A lighter neighbor builds a gentle gradient that reads as warm skin or fruit.
Questions about Pompelmo
What is the hex code for Pompelmo?
Pompelmo is #ff6666. In RGB that is rgb(255, 102, 102), in HSL hsl(0, 100%, 70%) and in CMYK 0%, 60%, 60%, 0%.
How can I effectively use #ff6666 in a professional interface?
Since #ff6666 is visually aggressive, use it sparingly as a 10% accent color for interactive elements like buttons or notification badges. Pair it with dark, neutral tones like charcoal to ensure your text remains readable and the interface stays balanced.
Is #ff6666 suitable for text on a white background?
While #ff6666 is vibrant, it does not provide enough contrast against white to meet standard web accessibility guidelines for readability. Always use it for large, bold graphic elements or decorative accents rather than standard body text or small, critical labels.
Is Pompelmo readable on white or black?
Pompelmo has a 2.85:1 contrast ratio on white and 7.34: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.