#B5215D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated magenta creates an intense focal point in any composition. With its high energy, #b5215d functions best as a small accent or a high-impact call to action rather than a background color. It pairs surprisingly well with deep forest greens or charcoal grays to ground its flamboyance. For readability, prioritize white text over this hex code to ensure strong contrast.
Questions about #b5215d
What is #b5215d in RGB, HSL and CMYK?
In RGB, #b5215d is rgb(181, 33, 93), in HSL hsl(336, 69%, 42%) and in CMYK 0%, 82%, 49%, 29%.
How do I use #b5215d effectively in UI design?
#b5215d works best as a deliberate accent or primary call-to-action color, rather than a background. Use it sparingly against neutral backdrops like charcoal or soft white to keep the intense magenta energy from overwhelming your interface's readability.
What colors pair well with #b5215d?
This magenta balances well with deep, grounded neutrals like charcoal or cool slate grays, which help temper its high intensity. If you need a more adventurous contrast, pair it with deep, muted forest green for a sophisticated, complementary effect.
Is #b5215d readable on white or black?
#b5215d has a 6.28:1 contrast ratio on white and 3.34: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.