#B431D8 Hex Color

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

Hex color #b431d8 graphic
#b431d8 is an unapologetically loud and saturated violet that demands attention. Because of its extreme intensity, it works best as a small accent rather than a background color. Try pairing this hue with dark charcoal grays for a modern, high-contrast UI accent. It meets accessibility standards for white text, so use it confidently for buttons or active state highlights.

Questions about #b431d8

What is #b431d8 in RGB, HSL and CMYK?
In RGB, #b431d8 is rgb(180, 49, 216), in HSL hsl(287, 68%, 52%) and in CMYK 17%, 77%, 0%, 15%.
How should I use #b431d8 in a professional interface?
#b431d8 works best as a punchy accent color for active states, call-to-action buttons, or focus indicators. Because of its extreme saturation, avoid using it as a large background fill, as it may overwhelm the user experience when applied to broad areas.
What colors pair well with #b431d8?
This vibrant violet creates a modern, high-contrast aesthetic when paired with charcoal or deep slate grays. You can also balance its intensity by using soft, neutral whites or light silver tones to let the violet stand out without clashing with other bold hues.
Is #b431d8 readable on white or black?
#b431d8 has a 4.80:1 contrast ratio on white and 4.37: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.