#7A51DD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7a51dd is a vivid, high-energy violet that demands attention. Because of its intensity, it works best as a punchy accent rather than a dominant background color. It pairs surprisingly well with warm, earthy tones if you are mixing gray into the palette to ground it. White text remains readable against this shade, making it a functional choice for bold, accessible UI buttons.
Questions about #7a51dd
What is #7a51dd in RGB, HSL and CMYK?
In RGB, #7a51dd is rgb(122, 81, 221), in HSL hsl(258, 67%, 59%) and in CMYK 45%, 63%, 0%, 13%.
How can I effectively use #7a51dd in my UI design?
#7a51dd functions best as a high-contrast accent color for call-to-action buttons or navigation highlights. Because of its intense vibrancy, avoid using it as a large background block, as it can overwhelm the eye and distract from your primary content.
What colors pair well with #7a51dd for a balanced palette?
This violet pairs exceptionally well with muted, earthy tones like terracotta or warm charcoal to ground its intensity. These neutral, warm bases provide the necessary visual weight to stop the vibrant violet from feeling too artificial or floating in your layout.
Is #7a51dd readable on white or black?
#7a51dd has a 5.18:1 contrast ratio on white and 4.04: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.