#7B63FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This brilliant indigo strikes a high-intensity note that commands immediate attention. Because it is so saturated, #7b63ff works best as a deliberate accent or call-to-action button rather than a primary background color. It pairs surprisingly well with deep charcoal or warm, muted greys to ground its electric energy. The hex code for this vivid violet is #7b63ff, which supports dark text for solid legibility.
Questions about #7b63ff
What is #7b63ff in RGB, HSL and CMYK?
In RGB, #7b63ff is rgb(123, 99, 255), in HSL hsl(249, 100%, 69%) and in CMYK 52%, 61%, 0%, 0%.
How should I use #7b63ff in a website design?
#7b63ff works best as a deliberate accent color rather than a primary background because of its high saturation. Use it for call-to-action buttons or hover states to command immediate attention without overwhelming the user interface.
What colors pair well with #7b63ff for a balanced palette?
This electric violet pairs effectively with deep charcoal or warm, muted greys to ground its intense energy. These neutral tones provide the necessary contrast to let the vibrancy of #7b63ff stand out without creating visual fatigue.
Is #7b63ff readable on white or black?
#7b63ff has a 4.14:1 contrast ratio on white and 5.07:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.