#B654F7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#b654f7 is a high-intensity violet that demands immediate attention. Because of its extreme saturation, it works best as a 10% accent color rather than a dominant background. Pair this bold shade with charcoal or deep slate to ground its restless energy. Black text remains legible against this hex code, maintaining a 5.6:1 contrast ratio that meets accessibility standards for small, readable body text.
Questions about #b654f7
What is #b654f7 in RGB, HSL and CMYK?
In RGB, #b654f7 is rgb(182, 84, 247), in HSL hsl(276, 91%, 65%) and in CMYK 26%, 66%, 0%, 3%.
How should I use #b654f7 effectively in a UI design?
#b654f7 performs best as a strategic 10% accent rather than a dominant background color due to its extreme saturation. Use it to highlight primary call-to-action buttons or interactive elements against neutral backgrounds to ensure your design remains balanced and legible.
What colors pair well with #b654f7 for a balanced palette?
Pair #b654f7 with charcoal or deep slate tones to effectively ground its restless energy. These dark, neutral companions allow the brightness of the violet to pop without overwhelming the viewer, creating a professional and sophisticated visual hierarchy.
Is #b654f7 readable on white or black?
#b654f7 has a 3.74:1 contrast ratio on white and 5.60: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.