#B451B9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid violet demands attention through its saturated and bold character. Because of its intensity, #b451b9 functions best as a crisp accent for calls to action or UI highlights rather than a large background. Pair this tone with dark charcoal grays to ground the energy. The hex code #b451b9 supports black text, ensuring readability for small details in your interface layouts.
Questions about #b451b9
What is #b451b9 in RGB, HSL and CMYK?
In RGB, #b451b9 is rgb(180, 81, 185), in HSL hsl(297, 43%, 52%) and in CMYK 3%, 56%, 0%, 27%.
What colors pair well with #b451b9 for UI design?
Pair #b451b9 with dark charcoal or deep neutral grays to ground its high intensity. Using these darker shades provides enough contrast to make the violet pop while maintaining professional readability for small text or interface icons.
Is #b451b9 suitable for large background areas?
Due to its high saturation and energy, #b451b9 is generally too overwhelming for large background surfaces. It is much more effective when reserved for interactive highlights, call-to-action buttons, or accent elements that need to grab immediate user attention.
Is #b451b9 readable on white or black?
#b451b9 has a 4.35:1 contrast ratio on white and 4.81: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.