#F248EF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and unapologetically bright, #f248ef demands immediate attention. This saturated magenta packs intense chromatic power that works best as a small accent rather than a large background color. It pairs surprisingly well with dark charcoal greys, which ground its intensity. Because black text offers excellent legibility against this shade, it functions perfectly for high-contrast UI highlights. The hex code for this electric pink is #f248ef.
Questions about #f248ef
What is #f248ef in RGB, HSL and CMYK?
In RGB, #f248ef is rgb(242, 72, 239), in HSL hsl(301, 87%, 62%) and in CMYK 0%, 70%, 1%, 5%.
How do you effectively use #f248ef in UI design?
Use #f248ef sparingly as a highlight or call-to-action button color rather than a primary background to avoid overwhelming the user. It maintains high readability when paired with black or dark charcoal text for buttons, badges, or notification icons.
What colors pair well with the intensity of #f248ef?
This magenta pairs best with neutral grounding colors like charcoal or deep slate to balance its chromatic power. For a more vibrant scheme, try using it alongside deep teals or cool blues to create a striking complementary contrast.
Is #f248ef readable on white or black?
#f248ef has a 3.02:1 contrast ratio on white and 6.94: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.