#9C1BD3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#9c1bd3 is a saturated, high-intensity violet that demands attention. Because of its extreme chroma, this color works best as a sharp accent rather than a full-page background. It pairs exceptionally well with charcoal grays or soft creams to keep the design grounded. If you are experimenting with mixing purple, keep in mind that white text provides the best readability against this bold hue.
Questions about #9c1bd3
What is #9c1bd3 in RGB, HSL and CMYK?
In RGB, #9c1bd3 is rgb(156, 27, 211), in HSL hsl(282, 77%, 47%) and in CMYK 26%, 87%, 0%, 17%.
How do I use #9c1bd3 effectively in a user interface?
This saturated hue is best reserved for sharp, attention-grabbing UI elements like primary call-to-action buttons or notification badges. Because #9c1bd3 is visually loud, avoid using it as a full-page background color or for large blocks of text, as it will quickly fatigue the eyes.
Which neutral colors pair best with #9c1bd3?
To ground the intensity of #9c1bd3, pair it with deep charcoal grays or soft, warm creams. These neutrals prevent the violet from overwhelming the layout while maintaining the necessary contrast, especially if you rely on white text for readability against the colored elements.
Is #9c1bd3 readable on white or black?
#9c1bd3 has a 5.98: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.