#7A63C8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet commands attention with its intense, electric personality. Because it strikes a fine balance between warmth and cool undertones, #7a63c8 works best as a punchy accent rather than a background color. Pair it with soft, creamy off-whites for a modern interface that maintains readability. Use this hex code to inject energy into calls to action or branding that demands a bold statement.
Questions about #7a63c8
What is #7a63c8 in RGB, HSL and CMYK?
In RGB, #7a63c8 is rgb(122, 99, 200), in HSL hsl(254, 48%, 59%) and in CMYK 39%, 51%, 0%, 22%.
What colors pair well with #7a63c8 in a UI design?
#7a63c8 functions best as a high-impact accent, so it pairs exceptionally well with neutral backgrounds like soft creams or light grays. These neutral tones allow the electric intensity of the violet to stand out without overwhelming the overall layout readability.
Is #7a63c8 readable on white or black?
#7a63c8 has a 4.72:1 contrast ratio on white and 4.44: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.