#B33A91 Hex Color
A high-intensity magenta demanding immediate attention
This high-intensity magenta is saturated and demands immediate attention. Because it is so loud, #b33a91 functions best as a focused accent or a call-to-action button rather than a primary background color. It pairs surprisingly well with dark teal or muted forest greens to tone down its sweetness. Since it has strong contrast against white text, it works well for UI elements that need high visibility.
Questions about #b33a91
What is #b33a91 in RGB, HSL and CMYK?
In RGB, #b33a91 is rgb(179, 58, 145), in HSL hsl(317, 51%, 46%) and in CMYK 0%, 68%, 19%, 30%.
Does #b33a91 work well as a primary background color?
Using #b33a91 as a primary background is usually overwhelming because of its intense saturation. It functions much more effectively as a focused accent or a call-to-action button, allowing the user's eye to navigate the interface without visual fatigue.
Which colors help tone down the intensity of #b33a91?
You can successfully balance the sweetness of #b33a91 by pairing it with dark teal or muted forest green. These darker, earthier tones ground the magenta, creating a sophisticated contrast that prevents the color from feeling too loud or sugary.
Is #b33a91 readable on white or black?
#b33a91 has a 5.34:1 contrast ratio on white and 3.93: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.