#BC82E3 Hex Color

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

Hex color #bc82e3 graphic
#bc82e3 is a saturated, neon-leaning violet with a cool, digital edge. Because of its intensity, it works best as a punchy accent rather than a dominant background color. It pairs surprisingly well with deep charcoal grays to ground its artificial quality. Since black text provides excellent readability on this shade, consider it for high-contrast UI elements or bold branding accents.

Questions about #bc82e3

What is #bc82e3 in RGB, HSL and CMYK?
In RGB, #bc82e3 is rgb(188, 130, 227), in HSL hsl(276, 63%, 70%) and in CMYK 17%, 43%, 0%, 11%.
How should I use #bc82e3 in UI design?
#bc82e3 functions best as a high-impact accent color for buttons, hover states, or notification badges rather than a large background fill. Its intense saturation naturally draws the eye and helps important interactive elements stand out against neutral interface surfaces.
What colors pair well with #bc82e3?
This vibrant violet pairs effectively with charcoal or deep slate grays, which help ground its artificial, neon quality. Using high-contrast black text on top of #bc82e3 ensures optimal readability for users while maintaining a clean, modern aesthetic.
Is #bc82e3 readable on white or black?
#bc82e3 has a 2.82:1 contrast ratio on white and 7.44:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.