#B4399D Hex Color

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

Hex color #b4399d graphic
High-intensity and unapologetically bold, this magenta packs a punch in any interface. Because it is highly saturated, #b4399d works best as a 10 percent accent color rather than a large background. It pairs surprisingly well with deep forest greens or dark charcoals for a sophisticated contrast. Use white text over this hex code for clear, accessible readability.

Questions about #b4399d

What is #b4399d in RGB, HSL and CMYK?
In RGB, #b4399d is rgb(180, 57, 157), in HSL hsl(311, 52%, 46%) and in CMYK 0%, 68%, 13%, 29%.
How should I effectively use #b4399d in a user interface?
Use #b4399d as a high-impact accent color rather than a primary background because of its intense saturation. It creates sophisticated contrast when paired with dark charcoal or deep forest green text, ensuring your UI remains accessible and visually balanced.
Is #b4399d readable on white or black?
#b4399d has a 5.23:1 contrast ratio on white and 4.01: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.