#B680F1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold violet commands attention with high saturation. Because it is so bright, #b680f1 functions best as a deliberate accent or call-to-action button rather than a large background. Pair it with dark charcoals for a sleek, modern interface. The hex code #b680f1 provides strong readability with black text, ensuring functionality for your design elements.
Questions about #b680f1
What is #b680f1 in RGB, HSL and CMYK?
In RGB, #b680f1 is rgb(182, 128, 241), in HSL hsl(269, 80%, 72%) and in CMYK 24%, 47%, 0%, 5%.
Where should I use #b680f1 in my UI design?
Use #b680f1 primarily as a high-impact accent color for call-to-action buttons, notification badges, or interactive UI elements that need to stand out. Because of its high saturation, it can easily overwhelm a layout if used as a primary background.
What colors pair well with #b680f1?
Pair #b680f1 with dark neutral tones like charcoal to balance its intensity and ensure visual readability. For a more vibrant scheme, it also complements cool blue-violet shades or contrasting warm yellow accents to create a modern, energetic aesthetic.
Is #b680f1 readable on white or black?
#b680f1 has a 2.85:1 contrast ratio on white and 7.34: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.