#F92AAA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f92aaa is an aggressive, high-saturation pink that demands immediate attention. This shade is far too intense for large backgrounds, so keep it strictly as an accent color for calls to action or small UI highlights. It pairs unexpectedly well with deep charcoal grays, which ground its electric energy. Since black text provides excellent 5.9:1 contrast, you can safely use it for small, legible labels.
Questions about #f92aaa
What is #f92aaa in RGB, HSL and CMYK?
In RGB, #f92aaa is rgb(249, 42, 170), in HSL hsl(323, 95%, 57%) and in CMYK 0%, 83%, 32%, 2%.
When is the best time to use #f92aaa in a UI design?
#f92aaa functions best as a focused accent color rather than a background shade because of its intense, high-energy saturation. Reserve this specific pink for call-to-action buttons, micro-interactions, or small UI highlights that require immediate visual attention from your user.
What colors balance the intensity of #f92aaa?
Deep charcoal or near-black tones are the most effective pairings because they provide a grounding, neutral anchor for this electric pink. These dark shades effectively calm the vibrancy of #f92aaa, preventing it from overwhelming the rest of your layout design.
Is #f92aaa readable on white or black?
#f92aaa has a 3.53:1 contrast ratio on white and 5.93: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.