#A62CAA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a62caa is a saturated, high-intensity magenta that commands immediate attention. Its electric presence makes it perfect for UI accents or small design elements that need to pop. Avoid using this shade as a large-scale background because its intensity can quickly become overwhelming for the eye. White text provides excellent readability against this hex code, ensuring that your calls to action remain accessible and clear.
Questions about #a62caa
What is #a62caa in RGB, HSL and CMYK?
In RGB, #a62caa is rgb(166, 44, 170), in HSL hsl(298, 59%, 42%) and in CMYK 2%, 74%, 0%, 33%.
How should #a62caa be used in web design?
#a62caa functions best as a high-contrast accent color for buttons, links, or notification badges rather than a background shade. Its intense saturation can overwhelm the eye when applied to large areas, so keep it limited to small, interactive elements that require immediate user focus.
What colors pair well with #a62caa?
This magenta pairs effectively with white for clean text contrast and deep charcoal for a sophisticated, modern aesthetic. Using it alongside a neutral gray or a soft lavender can help ground its electric energy without losing the bold, creative impact it provides.
Is #a62caa readable on white or black?
#a62caa has a 5.89:1 contrast ratio on white and 3.56: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.