#B884E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, cool-toned violet feels both structured and imaginative. Because it is highly legible against black text, #b884e0 works surprisingly well for interface elements and small details where clarity matters. Avoid using it as a dominant background, as its intensity can easily overwhelm a layout. Pair this hex code with muted grays or charcoal to ground its brightness in professional branding and design systems.
Questions about #b884e0
What is #b884e0 in RGB, HSL and CMYK?
In RGB, #b884e0 is rgb(184, 132, 224), in HSL hsl(274, 60%, 70%) and in CMYK 18%, 41%, 0%, 12%.
What colors pair well with #b884e0?
#b884e0 benefits from being grounded by neutral tones to balance its natural intensity. It pairs best with charcoal or deep slate grays, as these dark neutrals provide the necessary contrast for the violet to stand out without feeling chaotic in a layout.
Is #b884e0 a warm or cool-toned color?
#b884e0 is considered a cool-toned violet because it leans heavily into blue undertones rather than red. This gives it a professional and structured personality, making it less aggressive than warmer purple alternatives while remaining highly visible against standard dark text.
Is #b884e0 readable on white or black?
#b884e0 has a 2.83:1 contrast ratio on white and 7.41:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.