#B223AA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated magenta commands immediate attention with its intense, beaming character. Due to its high chroma, #b223aa works best as a 10 percent accent color rather than a large background block, where it can become overwhelming. Pair it with deep charcoal or slate gray to ground its energy. The hex code for this vivid magenta is #b223aa, which provides sufficient contrast for white text.
Questions about #b223aa
What is #b223aa in RGB, HSL and CMYK?
In RGB, #b223aa is rgb(178, 35, 170), in HSL hsl(303, 67%, 42%) and in CMYK 0%, 80%, 4%, 30%.
How should I use #b223aa in my UI design?
This high-chroma magenta works best as a 10 percent accent color to grab attention without overwhelming users. Avoid using #b223aa as a large background block, as it can cause eye strain; pair it with charcoal to balance its intensity.
Is #b223aa readable on white or black?
#b223aa has a 5.65:1 contrast ratio on white and 3.71: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.