#9B5BCC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vibrant violet commands attention with its intense, saturated pigment. Because #9b5bcc has high chroma, it works best as a punchy accent color rather than a large background field. It pairs beautifully with muted, desaturated grays to ground its energy. Designers can confidently overlay black text on this shade, as it maintains excellent readability for both UI elements and bold calls to action.
Questions about #9b5bcc
What is #9b5bcc in RGB, HSL and CMYK?
In RGB, #9b5bcc is rgb(155, 91, 204), in HSL hsl(274, 53%, 58%) and in CMYK 24%, 55%, 0%, 20%.
How do you effectively use #9b5bcc in UI design?
#9b5bcc is best reserved for interactive elements like call-to-action buttons or highlights because of its high saturation. Use it sparingly against clean white or neutral gray backgrounds to maintain visual hierarchy without overwhelming your users.
What colors pair best with #9b5bcc?
This violet pairs beautifully with muted, desaturated neutrals like charcoal or slate to ground its high energy. For a more vibrant palette, consider contrasting it with soft, muted yellows or creams to balance the intensity.
Is #9b5bcc readable on white or black?
#9b5bcc has a 4.40:1 contrast ratio on white and 4.76: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.