#9F5BB7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet brings high energy and intensity to any layout. Because it is so vivid, use #9f5bb7 as a bold accent color for buttons or call-to-action elements rather than a full background. It pairs well with deep charcoal or slate grays for a modern, tech-focused look. Black text offers enough contrast for readability, making this hex code a reliable choice for UI highlights.
Questions about #9f5bb7
What is #9f5bb7 in RGB, HSL and CMYK?
In RGB, #9f5bb7 is rgb(159, 91, 183), in HSL hsl(284, 39%, 54%) and in CMYK 13%, 50%, 0%, 28%.
What colors pair best with #9f5bb7 for modern UI design?
#9f5bb7 works exceptionally well when paired with deep charcoal or slate grays to create a balanced, professional contrast. This combination keeps the vibrant violet readable while grounding the high intensity of the color for a polished, tech-forward look.
Should I use #9f5bb7 as a primary background color?
Avoid using #9f5bb7 as a full background, as its high saturation can quickly overwhelm a layout and cause eye strain. Instead, treat it as a bold accent color for buttons or small UI elements where you want to draw immediate user attention.
Is #9f5bb7 readable on white or black?
#9f5bb7 has a 4.51:1 contrast ratio on white and 4.65: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 for body text. Try other pairs in the contrast checker.