#BC63A7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated magenta lands somewhere between playful and assertive. With its warm, punchy undertones, #bc63a7 serves best as a 10 percent accent color in branding or UI design rather than a full background. It pairs surprisingly well with deep charcoal or muted olive greens. The hex code for this color is #bc63a7, which maintains high readability when paired with dark text for accessibility.
Questions about #bc63a7
What is #bc63a7 in RGB, HSL and CMYK?
In RGB, #bc63a7 is rgb(188, 99, 167), in HSL hsl(314, 40%, 56%) and in CMYK 0%, 47%, 11%, 26%.
Where should I use #bc63a7 in a UI layout?
#bc63a7 performs best as a high-impact accent color rather than a primary background choice. Use it for call-to-action buttons, notification badges, or data visualization elements where you need to draw the eye without overwhelming the overall interface.
What colors pair well with the magenta of #bc63a7?
Is #bc63a7 readable on white or black?
#bc63a7 has a 3.83:1 contrast ratio on white and 5.48:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.