#F054E4 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f054e4 graphic
High-energy and attention-grabbing, #f054e4 is an intensely saturated pink that functions best as a striking accent. Because of its high chroma, it overwhelms large backgrounds quickly. Use it sparingly for buttons or icons where you need to drive immediate action. Black text provides excellent readability over this shade, though you might consider similar pink shades if you need something with lower visual intensity.

Questions about #f054e4

What is #f054e4 in RGB, HSL and CMYK?
In RGB, #f054e4 is rgb(240, 84, 228), in HSL hsl(305, 84%, 64%) and in CMYK 0%, 65%, 5%, 6%.
How can I effectively use #f054e4 in a design without overwhelming the viewer?
#f054e4 is best reserved for micro-interactions, like notification badges or primary action buttons, because its high chroma dominates a layout. Pair it with neutral backgrounds such as charcoal or off-white to maintain balance and visual hierarchy.
Is #f054e4 readable on white or black?
#f054e4 has a 2.96:1 contrast ratio on white and 7.09: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.