#BC57E4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated violet commands immediate attention. Its high chroma makes it difficult to use as a background, but it acts as a powerful accent for calls to action or UI highlights. Because the hex code #bc57e4 has strong luminosity, black text remains highly legible against it. Pair it with dark grays or deep charcoal to ground its brightness in modern interface design.
Questions about #bc57e4
What is #bc57e4 in RGB, HSL and CMYK?
In RGB, #bc57e4 is rgb(188, 87, 228), in HSL hsl(283, 72%, 62%) and in CMYK 18%, 62%, 0%, 11%.
How can I effectively use #bc57e4 in UI design?
Because of its intense luminosity, #bc57e4 functions best as a high-impact accent color rather than a background. Use it for primary buttons, notification badges, or icon highlights against deep charcoal or dark gray surfaces to maintain perfect readability.
Does #bc57e4 pair well with neutral tones?
This vibrant violet creates a sophisticated balance when paired with neutral, low-saturation shades. Using #bc57e4 alongside slate or cool gray provides enough visual weight to ground the brightness without muting the color's natural energy.
Is #bc57e4 readable on white or black?
#bc57e4 has a 3.73:1 contrast ratio on white and 5.62: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.