#B366FF Hex Color

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

Hex color #b366ff graphic
High saturation and a beaming, electric intensity define this bright violet. Because it is so loud, #b366ff works best as a punchy accent or a call to action button rather than a large-scale background. It offers enough contrast for readable black text, making it a functional choice for UI design. The hex code for this vivid shade is #b366ff.

Questions about #b366ff

What is #b366ff in RGB, HSL and CMYK?
In RGB, #b366ff is rgb(179, 102, 255), in HSL hsl(270, 100%, 70%) and in CMYK 30%, 60%, 0%, 0%.
How should #b366ff be used in web UI design?
#b366ff serves best as a high-impact accent color for buttons, notifications, or active states that require immediate user engagement. Because of its intense brightness, avoid using it as a primary background color to prevent eye strain and maintain readability.
Is #b366ff readable on white or black?
#b366ff has a 3.35:1 contrast ratio on white and 6.26: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.