#B767E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated purple demands attention. The hex code #b767e0 functions best as a bold accent or a call to action rather than a background. Because of its electric brightness, it pairs well with dark charcoal. If you need to calm its intensity by mixing gray, add it sparingly. It maintains excellent readability with black text, ensuring usability for small UI elements.
Questions about #b767e0
What is #b767e0 in RGB, HSL and CMYK?
In RGB, #b767e0 is rgb(183, 103, 224), in HSL hsl(280, 66%, 64%) and in CMYK 18%, 54%, 0%, 12%.
How can I effectively use #b767e0 in a user interface?
#b767e0 functions best as a high-contrast accent color for buttons or active state highlights rather than a background. Because of its electric brightness, it remains highly readable against black text, ensuring that small UI elements stay accessible and punchy.
What colors pair well with #b767e0 for a professional design?
This color pairs naturally with deep charcoal or dark gray tones, which ground its intensity and prevent it from feeling overwhelming. For a modern aesthetic, try balancing it against neutral grays to keep the focus squarely on your primary call to action.
Is #b767e0 readable on white or black?
#b767e0 has a 3.48:1 contrast ratio on white and 6.02: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.