#F7529C Hex Color

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

Hex color #f7529c graphic
High-chroma and demanding, #f7529c is a bold choice for UI accents. It works best as a call-to-action button color rather than a primary background, where it can overwhelm the viewer. Pair this hex code with deep charcoal text to ensure 6.6:1 contrast for accessibility compliance. For more toned-down alternatives, browse our similar pink shades. This hue shines in high-energy branding.

Questions about #f7529c

What is #f7529c in RGB, HSL and CMYK?
In RGB, #f7529c is rgb(247, 82, 156), in HSL hsl(333, 91%, 65%) and in CMYK 0%, 67%, 37%, 3%.
Where should #f7529c be used in UI design?
#f7529c functions best as a high-impact accent color for buttons or active state indicators rather than a large background. Because of its intense chroma, it demands attention, so use it sparingly to avoid overwhelming your users in a web interface.
Is #f7529c readable on white or black?
#f7529c has a 3.16:1 contrast ratio on white and 6.64: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.