#AF2AA6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Forget pastel pink or soft lavender. #af2aa6 is magenta at full strength, loud and saturated with barely any gray in it. That intensity makes it a strong accent for buttons and highlights, though it can overwhelm as a full background. It flatters deep teal and dark navy well. The hex code #af2aa6 also carries enough contrast for white body text, passing WCAG AA at about 5.7:1.
Questions about #af2aa6
What is #af2aa6 in RGB, HSL and CMYK?
In RGB, #af2aa6 is rgb(175, 42, 166), in HSL hsl(304, 61%, 43%) and in CMYK 0%, 76%, 5%, 31%.
What colors pair well with #af2aa6?
#af2aa6 looks rich next to deep teal, dark navy, or charcoal, which tone down its intensity. For a bolder take, pair it with golden yellow as a small accent. Keep it under 10% of a layout so it stays punchy.
Is #af2aa6 readable on white or black?
#af2aa6 has a 5.66:1 contrast ratio on white and 3.70: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.