#B948F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet is loud, intense, and demanding of attention. Because it sits on the brighter side of the spectrum, #b948f2 works best as a punchy accent or a call to action button rather than a large background. Pair this hex code with dark grays or black, which read clearly against its brilliance. Use it when you need a design element to stand out immediately.
Questions about #b948f2
What is #b948f2 in RGB, HSL and CMYK?
In RGB, #b948f2 is rgb(185, 72, 242), in HSL hsl(280, 87%, 62%) and in CMYK 24%, 70%, 0%, 5%.
What colors pair well with #b948f2 in a design?
This vibrant violet stands out most effectively when paired with charcoal or deep black, which provide the necessary contrast to ground its intensity. You can also use soft, muted neutrals to balance its energy without creating visual chaos in your layout.
Is #b948f2 suitable for text on a white background?
Using #b948f2 for body text against a white background will fail standard accessibility tests due to low contrast ratios. It is much better suited for high-impact UI elements like buttons, icons, or decorative accents where legibility is not the primary requirement.
Is #b948f2 readable on white or black?
#b948f2 has a 3.98:1 contrast ratio on white and 5.27: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.