#AF2F97 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated magenta demands attention. Because of its high chroma, #af2f97 works best as a punchy accent color rather than a main background. It pairs well with deep charcoals to create a modern, high-contrast look. White text reads clearly against this shade. Designers use the hex code #af2f97 for bold calls to action or UI elements where they need to guide the viewer.
Questions about #af2f97
What is #af2f97 in RGB, HSL and CMYK?
In RGB, #af2f97 is rgb(175, 47, 151), in HSL hsl(311, 58%, 44%) and in CMYK 0%, 73%, 14%, 31%.
How should I use #af2f97 in web design?
#af2f97 is best reserved for small, impactful UI elements like buttons or notification badges. Because of its high chroma, it tends to overwhelm the eye if used for large background areas or extensive text blocks.
What colors pair well with #af2f97?
This magenta pairs exceptionally well with deep charcoal or dark gray tones, which ground the intensity of the color. You can also pair it with a crisp white to ensure high contrast and readability for text overlays.
Is #af2f97 readable on white or black?
#af2f97 has a 5.71:1 contrast ratio on white and 3.67:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.