#B24BDE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity purple commands attention with its saturated and bold appearance. The hex code #b24bde functions best as a small accent rather than a background, as its extreme vividness can easily overpower a layout. It pairs well with deep grays for a balanced look, though designers should understand what colors make gray to avoid muddy transitions. Black text provides excellent readability against this shade.
Questions about #b24bde
What is #b24bde in RGB, HSL and CMYK?
In RGB, #b24bde is rgb(178, 75, 222), in HSL hsl(282, 69%, 58%) and in CMYK 20%, 66%, 0%, 13%. Browse more shades of purple with names and hex codes.
How can I balance the intensity of #b24bde in a design?
Use #b24bde sparingly as a highlight or call-to-action button color rather than a large background fill. Pairing this saturated violet with charcoal or deep slate grays grounds the color and prevents it from overwhelming the user interface.
Is #b24bde readable on white or black?
#b24bde has a 4.23:1 contrast ratio on white and 4.95: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.