#B700FF Hex Color

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

Hex color #b700ff graphic
This high-intensity violet carries an electric, almost neon charge that demands attention. Because it is so saturated, #b700ff performs best as an accent color for calls to action or UI highlights rather than a full background. It pairs surprisingly well with deep forest greens or charcoal grays to ground its visual loudness. The hex code for this vivid shade is #b700ff.

Questions about #b700ff

What is #b700ff in RGB, HSL and CMYK?
In RGB, #b700ff is rgb(183, 0, 255), in HSL hsl(283, 100%, 50%) and in CMYK 28%, 100%, 0%, 0%.
How do I balance the intensity of #b700ff in a layout?
#b700ff is visually loud, so use it sparingly as an accent for call-to-action buttons or small UI highlights. Pair it with grounded neutrals like charcoal or slate to prevent it from overwhelming your design system.
Is #b700ff readable on white or black?
#b700ff has a 4.71:1 contrast ratio on white and 4.45:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.