#A02E8F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated magenta delivers high impact, serving as a powerful choice for call-to-action buttons or sharp graphic accents. Because of its intense chroma, avoid using #a02e8f as a large background area, as it quickly overwhelms the eye. Instead, pair this hex code with muted grays or charcoals to ground its energy. It remains legible with white text, making it a reliable option for smaller UI elements.
Questions about #a02e8f
What is #a02e8f in RGB, HSL and CMYK?
In RGB, #a02e8f is rgb(160, 46, 143), in HSL hsl(309, 55%, 40%) and in CMYK 0%, 71%, 11%, 37%.
How can I effectively use #a02e8f in a user interface?
#a02e8f serves best as an intentional accent color for call-to-action buttons or navigation highlights rather than a background fill. Because of its intense chroma, it demands attention and creates strong visual hierarchy when placed against charcoal or cool neutral grays.
What colors pair well with #a02e8f?
This vibrant magenta balances beautifully with muted tones that ground its energy, such as slate or charcoal. Avoid placing it next to other high-saturation colors to prevent visual vibration, and always test legibility when layering white text on top of this deep, rich shade.
Is #a02e8f readable on white or black?
#a02e8f has a 6.39:1 contrast ratio on white and 3.28: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.