#AF45A4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and bold, #af45a4 demands attention with its intense magenta hue. This color works best as a punchy accent rather than a full background, as its strength can easily overwhelm a layout. It pairs unexpectedly well with deep teals, creating a high-contrast combination perfect for modern UI highlights or branding. The hex code for this energetic, standout magenta is #af45a4.
Questions about #af45a4
What is #af45a4 in RGB, HSL and CMYK?
In RGB, #af45a4 is rgb(175, 69, 164), in HSL hsl(306, 43%, 48%) and in CMYK 0%, 61%, 6%, 31%.
How can I effectively use #af45a4 in a UI design?
#af45a4 functions best as a high-impact accent color rather than a background shade. Use it for call-to-action buttons or notifications against neutral backgrounds, such as deep charcoal, to maintain high readability while leveraging its intense, punchy energy.
Does #af45a4 work well with dark or light backgrounds?
This magenta remains highly visible against dark backgrounds, particularly deep grays or navy tones that allow its saturation to pop. When placed against white or light backgrounds, use #af45a4 sparingly to avoid visual fatigue, as its high-intensity hue can easily overwhelm smaller text.
Is #af45a4 readable on white or black?
#af45a4 has a 4.98:1 contrast ratio on white and 4.21: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.