#9B51B4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet commands attention through its high intensity and cool undertones. Because it sits on the louder side of the spectrum, #9b51b4 works best as a deliberate accent or call to action rather than a dominant background. Pair it with crisp white text to maintain WCAG compliant readability for your UI. The hex code for this vivid purple is #9b51b4.
Questions about #9b51b4
What is #9b51b4 in RGB, HSL and CMYK?
In RGB, #9b51b4 is rgb(155, 81, 180), in HSL hsl(285, 40%, 51%) and in CMYK 14%, 55%, 0%, 29%.
How can I effectively use #9b51b4 in UI design?
#9b51b4 serves best as a purposeful accent rather than a primary background because of its high saturation. Use it for call-to-action buttons or highlighted UI elements paired against neutral backgrounds like charcoal or crisp white to ensure high readability.
What color theory combinations work well with #9b51b4?
You can create a balanced split-complementary palette for #9b51b4 by pairing it with soft yellow-orange and greenish-yellow tones. This approach reduces the visual strain caused by the intensity of this violet while maintaining a vibrant, modern aesthetic for your design project.
Is #9b51b4 readable on white or black?
#9b51b4 has a 4.96:1 contrast ratio on white and 4.22: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.