#B680F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, neon violet brings intense energy to digital interfaces. Because it is highly saturated, #b680f2 works best as a sharp accent rather than a background. Use it for call-to-action buttons or navigation highlights. It pairs well with deep charcoal, which also provides strong contrast for black text overlays. The hex code is #b680f2.
Questions about #b680f2
What is #b680f2 in RGB, HSL and CMYK?
In RGB, #b680f2 is rgb(182, 128, 242), in HSL hsl(268, 81%, 73%) and in CMYK 25%, 47%, 0%, 5%.
How can I use #b680f2 effectively in a UI design?
Since #b680f2 is extremely saturated, avoid using it for large backgrounds or body text. Instead, apply this neon violet to call-to-action buttons, active navigation states, or small icons to create a sharp, modern pop against neutral, dark interfaces.
What colors pair well with #b680f2?
To balance the intensity of #b680f2, pair it with charcoal or deep slate tones. This high-contrast combination creates a sophisticated, tech-forward look that remains readable while letting the violet remain the clear focal point of your design.
Is #b680f2 readable on white or black?
#b680f2 has a 2.85:1 contrast ratio on white and 7.35: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.