#F94ABC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated magenta is loud, bright, and demands attention. It carries an intense energy that works best as a punchy accent color in UI design or fashion marketing rather than a primary background. Pair #f94abc with deep charcoal or muted olive greens to anchor its electric warmth. Because it offers strong contrast against black text, it is an accessible choice for buttons and high-impact call-to-action elements.
Questions about #f94abc
What is #f94abc in RGB, HSL and CMYK?
In RGB, #f94abc is rgb(249, 74, 188), in HSL hsl(321, 94%, 63%) and in CMYK 0%, 70%, 24%, 2%.
How can I best use #f94abc in professional UI design?
Use #f94abc sparingly as an accent color for call-to-action buttons or highlights rather than as a primary background. Its high luminosity grabs attention immediately, so balance it with neutral tones like charcoal or deep greys to maintain visual hierarchy.
Which color combinations work well with #f94abc?
This electric magenta pairs effectively with muted olive or deep forest green to ground its intensity. These complementary, darker shades prevent the brightness of #f94abc from overwhelming the design while creating a sophisticated, high-contrast aesthetic that feels modern and balanced.
Is #f94abc readable on white or black?
#f94abc has a 3.11:1 contrast ratio on white and 6.73: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.