#F232C5 Hex Color

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

Hex color #f232c5 graphic
This super-saturated magenta demands attention with its intense, high-energy glow. Because #f232c5 is so loud, use it sparingly as a 10% accent color rather than a large background. It pairs surprisingly well with deep charcoal or muted olive, which helps ground its artificial, electric personality. Designers rely on the hex code #f232c5 for high-contrast calls to action or pop-culture branding where visibility is the main goal.

Questions about #f232c5

What is #f232c5 in RGB, HSL and CMYK?
In RGB, #f232c5 is rgb(242, 50, 197), in HSL hsl(314, 88%, 57%) and in CMYK 0%, 79%, 19%, 5%.
How should I use #f232c5 in UI design?
Use #f232c5 as an intentional 10% accent color for high-visibility buttons or alerts rather than a primary background shade. It acts as an artificial, energetic pop that draws the eye immediately to your most important call-to-action elements.
What colors pair effectively with #f232c5?
To balance this electric magenta, pair it with grounded, neutral tones like deep charcoal or earthy olive. These muted shades prevent the neon intensity of the pink from overwhelming your layout while providing necessary visual relief and contrast.
Is #f232c5 readable on white or black?
#f232c5 has a 3.47:1 contrast ratio on white and 6.03: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.