#9B2FBB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation violet commands attention through its sheer intensity. Because it is so loud, this color works best as a sharp 10% accent rather than a full interface background. Pair it with soft grays to ground the energy. Since it maintains a 6.0:1 contrast ratio with white text, you can use the hex code #9b2fbb safely for readable UI elements and calls to action.
Questions about #9b2fbb
What is #9b2fbb in RGB, HSL and CMYK?
In RGB, #9b2fbb is rgb(155, 47, 187), in HSL hsl(286, 60%, 46%) and in CMYK 17%, 75%, 0%, 27%.
How should I use #9b2fbb in a UI design?
Use #9b2fbb sparingly as a 10% accent color to command attention without overwhelming the user interface. Because it maintains a 6.0:1 contrast ratio against white, it serves as a highly readable choice for primary call-to-action buttons.
What colors pair well with #9b2fbb?
This intense violet demands a balanced background to ground its energy, so pair it with charcoal or soft cool grays. These neutral tones prevent the high saturation from clashing with other design elements while keeping the interface feeling clean and professional.
Is #9b2fbb readable on white or black?
#9b2fbb has a 5.96:1 contrast ratio on white and 3.51: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.