#F06292 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy pink demands immediate attention. Hex code #f06292 is saturated and bold, making it an ideal choice for accents, calls to action, or small UI elements where you need to guide the user eye. Because of its intensity, it can feel overwhelming as a large background. Pair it with dark grays or charcoal for a grounded, modern look that remains perfectly readable.
Questions about #f06292
What is #f06292 in RGB, HSL and CMYK?
In RGB, #f06292 is rgb(240, 98, 146), in HSL hsl(340, 83%, 66%) and in CMYK 0%, 59%, 39%, 6%.
What colors pair well with the vibrant #f06292?
Because #f06292 is so visually intense, it works best when anchored by deep, neutral tones like charcoal or slate gray. These darker shades provide the necessary contrast to keep the pink from appearing overwhelming while maintaining a sophisticated, modern look.
Is #f06292 suitable for large background areas in UI design?
Using #f06292 as a full-page background is generally not recommended as its high saturation can cause eye strain and make text difficult to read. Reserve this shade for small, impactful UI elements like buttons, badges, or notification icons to effectively guide the user's focus.
Is #f06292 readable on white or black?
#f06292 has a 3.05:1 contrast ratio on white and 6.86: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.