#BC306D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#bc306d is a bold, saturated magenta with intense pink undertones that demand attention. Because of its high saturation, it works best as a punchy accent color or a strategic call-to-action button rather than a large background field. It pairs surprisingly well with deep charcoal grays to ground its energy. For maximum legibility, use white text, which remains readable against this hex code.
Questions about #bc306d
What is #bc306d in RGB, HSL and CMYK?
In RGB, #bc306d is rgb(188, 48, 109), in HSL hsl(334, 59%, 46%) and in CMYK 0%, 74%, 42%, 26%.
How can I effectively use #bc306d in a UI design?
#bc306d serves best as a punchy, high-energy accent color for buttons or notification badges. Because it is so saturated, avoid using it as a primary background color to prevent eye strain and keep your interface legible.
What colors pair best with #bc306d?
This magenta works surprisingly well with deep charcoal grays, which help ground its intense, neon-leaning energy. For a balanced look, keep the surrounding layout neutral so the pink undertones do not overwhelm your overall design composition.
Is #bc306d readable on white or black?
#bc306d has a 5.55:1 contrast ratio on white and 3.78: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.