#B33E96 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #b33e96 graphic
This saturated magenta demands attention with its intense, high-energy profile. Because it is so vivid, #b33e96 works best as a punchy accent rather than a background color. Try pairing it with cool teals or soft grays to balance its aggressive warmth. It provides enough contrast to support white text comfortably, making it a reliable choice for bold calls to action and bright, modern interfaces.

Questions about #b33e96

What is #b33e96 in RGB, HSL and CMYK?
In RGB, #b33e96 is rgb(179, 62, 150), in HSL hsl(315, 49%, 47%) and in CMYK 0%, 65%, 16%, 30%.
How do I best use #b33e96 in a design layout?
#b33e96 functions best as a high-impact accent color rather than a dominant background hue because of its intense saturation. Use it for specific calls to action or UI elements where you need to guide the user's eye immediately.
What colors pair well with #b33e96 for a balanced scheme?
To balance the aggressive warmth of #b33e96, pair it with cool, desaturated tones like teal or various shades of slate gray. These cooler tones act as a visual stabilizer, allowing the magenta to pop without overwhelming the entire color palette.
Is #b33e96 readable on white or black?
#b33e96 has a 5.19:1 contrast ratio on white and 4.04: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.