#F42A8C Hex Color

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

Hex color #f42a8c graphic
This neon-leaning pink is high-intensity and demands immediate attention. Because #f42a8c is so saturated, it works best as a punchy 10% accent rather than a dominant background. It pairs surprisingly well with deep charcoal or muted olive greens to ground its loudness. While it provides enough contrast for black text, use it sparingly in UI design to avoid overwhelming the user’s eye.

Questions about #f42a8c

What is #f42a8c in RGB, HSL and CMYK?
In RGB, #f42a8c is rgb(244, 42, 140), in HSL hsl(331, 90%, 56%) and in CMYK 0%, 83%, 43%, 4%.
What is the best way to use #f42a8c in a user interface?
Use #f42a8c sparingly as a small, high-impact accent, such as for a call-to-action button or a specific notification badge. Because of its extreme saturation, it quickly becomes visually fatiguing if applied to large backgrounds or text blocks.
Which colors pair effectively with #f42a8c for a balanced palette?
To ground the loudness of #f42a8c, pair it with deep neutrals like charcoal or cool, muted earth tones such as olive. These contrasting dark or desaturated shades provide a necessary visual anchor that prevents the neon pink from dominating the entire layout.
Is #f42a8c readable on white or black?
#f42a8c has a 3.77:1 contrast ratio on white and 5.55: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.