#F20CA5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense pink is incredibly high-chroma and demands attention immediately. Because of its extreme saturation, #f20ca5 works best as a punchy accent or a call-to-action button rather than a primary background color. Pair it with deep charcoal or muted slate to ground the energy. For high-contrast interfaces, use black text to ensure readability with a 5.4:1 contrast ratio. The hex code for this shade is #f20ca5.
Questions about #f20ca5
What is #f20ca5 in RGB, HSL and CMYK?
In RGB, #f20ca5 is rgb(242, 12, 165), in HSL hsl(320, 91%, 50%) and in CMYK 0%, 95%, 32%, 5%.
How can I balance the extreme vibrancy of #f20ca5 in a design?
Use #f20ca5 sparingly as an accent to avoid overwhelming the viewer, pairing it with neutral bases like charcoal or slate to ground its energy. This contrast keeps the layout readable while letting the pink pop effectively.
Is #f20ca5 readable on white or black?
#f20ca5 has a 3.90:1 contrast ratio on white and 5.37: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.