#B948FF Hex Color

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

Hex color #b948ff graphic
This hyper-saturated purple demands attention with its intense, electric personality. Because it is so bright, avoid using it as a large-scale background, where it can easily overwhelm the eye. Instead, save #b948ff for small accents or high-contrast calls to action where you need immediate focus. Black text remains readable against it, but pair this shade with deep, moody neutrals to ground its energy.

Questions about #b948ff

What is #b948ff in RGB, HSL and CMYK?
In RGB, #b948ff is rgb(185, 72, 255), in HSL hsl(277, 100%, 64%) and in CMYK 27%, 72%, 0%, 0%.
How can I effectively use #b948ff in a user interface?
Reserve #b948ff for small, high-impact design elements like primary call-to-action buttons or notification badges. Because it is so saturated, using it as a large background will likely overwhelm your users and make text difficult to read.
What colors pair well with the electric #b948ff?
Pair #b948ff with deep, moody neutrals like charcoal or very dark navy to ground its intense energy. These dark contrasts allow the electric quality of the purple to pop without competing for visual dominance on the page.
Is #b948ff readable on white or black?
#b948ff has a 3.86:1 contrast ratio on white and 5.43: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.