#AE2BA6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation magenta with aggressive purple undertones, #ae2ba6 demands immediate attention. This intense hue works best as a punchy accent rather than a background color, as it can quickly overwhelm a UI. Pair it with deep charcoal or warm greys to ground its artificial brightness. While white text is legible on this hex code, avoid using it for long-form body content.
Questions about #ae2ba6
What is #ae2ba6 in RGB, HSL and CMYK?
In RGB, #ae2ba6 is rgb(174, 43, 166), in HSL hsl(304, 60%, 43%) and in CMYK 0%, 75%, 5%, 32%.
How should I use #ae2ba6 in a UI layout?
Treat #ae2ba6 as a high-impact accent color rather than a primary background or body text. It works best for call-to-action buttons or small visual elements where you need to grab attention immediately against charcoal or dark gray surfaces.
Is #ae2ba6 readable on white or black?
#ae2ba6 has a 5.68:1 contrast ratio on white and 3.69: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.