#F54D7F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-octane pink is loud, unapologetic, and fiercely saturated. Because #f54d7f demands immediate attention, it works best as a 10% accent rather than a background color. Pair it with dark grays or charcoal to ground its intensity. Black text reads clearly against this shade, making it a reliable choice for high-contrast UI highlights. It is too energetic for neutral palettes, so what colors make brown alternatives often serve as a better base.
Questions about #f54d7f
What is #f54d7f in RGB, HSL and CMYK?
In RGB, #f54d7f is rgb(245, 77, 127), in HSL hsl(342, 89%, 63%) and in CMYK 0%, 69%, 48%, 4%.
How can I use #f54d7f effectively in design?
Because #f54d7f is extremely saturated, reserve it for small interface elements like buttons or notification badges. It lacks the neutrality required for large backgrounds, so pairing it with deep tones like charcoal prevents it from overpowering your design system.
Does #f54d7f work well with black text?
Yes, black text remains highly readable against this energetic shade due to its high luminance contrast. This makes it a reliable choice for buttons or icons where you need to guide the user's attention quickly without sacrificing legibility or accessibility.
Is #f54d7f readable on white or black?
#f54d7f has a 3.35:1 contrast ratio on white and 6.25: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.