#BC00C9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy violet demands attention in any UI design. The hex code #bc00c9 offers a saturated, vivid intensity that works best as a sharp accent rather than a full background. Because this shade is so bold, white text provides the best readability for overlays. Designers should treat it like a neon highlight to avoid visual fatigue, pairing it with dark neutrals for balance.
Questions about #bc00c9
What is #bc00c9 in RGB, HSL and CMYK?
In RGB, #bc00c9 is rgb(188, 0, 201), in HSL hsl(296, 100%, 39%) and in CMYK 6%, 100%, 0%, 21%. Browse more shades of purple with names and hex codes.
How should I use #bc00c9 in a user interface?
Treat #bc00c9 as a neon highlight or CTA accent rather than a base color to avoid visual fatigue. Because this shade is incredibly bold, pairing it with dark neutrals like charcoal or deep gray helps anchor the design effectively.
What text colors work best over #bc00c9?
White text offers the best readability when placed over this saturated violet, ensuring your interface remains accessible and clear. Avoid using black or dark text overlays, as the low contrast ratio makes the text nearly impossible to read for users.
Is #bc00c9 readable on white or black?
#bc00c9 has a 5.27:1 contrast ratio on white and 3.98: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.