#F50ABA Hex Color

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

Hex color #f50aba graphic
This high-energy magenta is impossible to ignore. Because of its extreme saturation, #f50aba serves best as a bold accent or highlight rather than a dominant background color. It pairs surprisingly well with deep teal or charcoal to ground its intensity. If you need other shades of purple, this hex code is a powerful, high-contrast choice for call-to-action buttons. Use it sparingly to maintain visual balance.

Questions about #f50aba

What is #f50aba in RGB, HSL and CMYK?
In RGB, #f50aba is rgb(245, 10, 186), in HSL hsl(315, 92%, 50%) and in CMYK 0%, 96%, 24%, 4%.
How can I effectively use #f50aba in web design?
#f50aba functions best as a high-contrast accent color rather than a primary background choice. Use it sparingly for interactive elements like buttons or notification badges to ensure it captures user attention without overwhelming the overall visual interface.
What colors pair best with #f50aba?
This intense magenta balances well against dark, neutral tones like charcoal or deep teal to ground its saturation. If you need a more adventurous combination, try pairing it with soft, desaturated mint greens to create a modern, playful contrast.
Is #f50aba readable on white or black?
#f50aba has a 3.72:1 contrast ratio on white and 5.63: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.