#B152A5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, beaming magenta demands immediate attention. Use it sparingly, as it reads too loud for full backgrounds but functions effectively as a punchy CTA button or small accent. It pairs unexpectedly well with deep charcoal or muted olive. Because the hex code #b152a5 offers a 4.6:1 contrast ratio, black text remains perfectly readable on top of it for your UI elements.
Questions about #b152a5
What is #b152a5 in RGB, HSL and CMYK?
In RGB, #b152a5 is rgb(177, 82, 165), in HSL hsl(308, 38%, 51%) and in CMYK 0%, 54%, 7%, 31%.
How can I effectively use #b152a5 in UI design?
Reserve #b152a5 for high-impact UI elements like call-to-action buttons or small visual accents rather than large backgrounds. Because the color is intense, it creates necessary friction to draw the user's eye to specific, actionable parts of an interface.
What colors pair well with #b152a5?
Is #b152a5 readable on white or black?
#b152a5 has a 4.54:1 contrast ratio on white and 4.61: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.