#BD54D9 Hex Color

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

Hex color #bd54d9 graphic
This high-saturation violet demands attention. The hex code #bd54d9 is too intense for large backgrounds, so use it as a 10% accent or call-to-action button. It pairs well with muted teals. Since it offers strong contrast, black text remains readable on top. If you need to neutralize this intensity, learn what colors make gray to soften your palette.

Questions about #bd54d9

What is #bd54d9 in RGB, HSL and CMYK?
In RGB, #bd54d9 is rgb(189, 84, 217), in HSL hsl(287, 64%, 59%) and in CMYK 13%, 61%, 0%, 15%.
How should I use #bd54d9 in a professional design layout?
Treat #bd54d9 as a strategic accent rather than a primary background color because its high saturation quickly fatigues the eye. Limit it to small interactive elements like call-to-action buttons or highlights that require immediate visual priority.
Which color combinations work best with #bd54d9?
Pair #bd54d9 with muted teal or desaturated blue-greens to balance its aggressive intensity with a complementary temperature shift. For a neutral anchor, use a deep charcoal to keep text legible and grounded without fighting the violet's vibrancy.
Is #bd54d9 readable on white or black?
#bd54d9 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.