#BC01A3 Hex Color

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

Hex color #bc01a3 graphic
This intense, saturated magenta demands immediate attention. Because of its high chroma, #bc01a3 works best as a punchy accent rather than a full background color. It pairs surprisingly well with deep charcoal or muted olive to ground its aggressive energy. For UI design, it maintains strong legibility against white text, making it a functional choice for high-impact buttons and calls to action.

Questions about #bc01a3

What is #bc01a3 in RGB, HSL and CMYK?
In RGB, #bc01a3 is rgb(188, 1, 163), in HSL hsl(308, 99%, 37%) and in CMYK 0%, 99%, 13%, 26%.
What colors pair best with the intense energy of #bc01a3?
This magenta works best alongside deep neutrals like charcoal or slate to ground its aggressive energy. For a softer, sophisticated look, you can balance the saturation by using muted olive tones which create a striking, unexpected contrast.
Is #bc01a3 suitable for text-heavy UI designs?
Because of its high chroma and intensity, #bc01a3 is generally too aggressive for long-form text or large background areas. Reserve this color for call-to-action buttons or small, functional UI elements where you need to draw the user's eye quickly.
Is #bc01a3 readable on white or black?
#bc01a3 has a 5.71:1 contrast ratio on white and 3.67: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.