#7867E2 Hex Color

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

Hex color #7867e2 graphic
#7867e2 is a high-energy purple with a piercing, luminous quality. Because it commands attention, reserve this saturated tone for primary calls to action or small UI accents rather than large backgrounds. Black text reads clearly against this hue, exceeding standard accessibility requirements. When balancing its intensity, consider pairing it with muted tones to see how to make gray complement the palette. The hex code is #7867e2.

Questions about #7867e2

What is #7867e2 in RGB, HSL and CMYK?
In RGB, #7867e2 is rgb(120, 103, 226), in HSL hsl(248, 68%, 65%) and in CMYK 47%, 54%, 0%, 11%.
How should I effectively use #7867e2 in user interface design?
#7867e2 is extremely saturated and commands instant attention, so reserve it for specific UI elements like primary buttons or notification badges. It can overwhelm a layout if used as a large background color, so balance it against neutral spaces.
What colors pair well with #7867e2 for a balanced palette?
Pair #7867e2 with desaturated, cool grays or a soft slate to tone down its intensity. If you need contrast, a light, neutral cream background allows the purple to pop without clashing while maintaining excellent readability for users.
Is #7867e2 readable on white or black?
#7867e2 has a 4.34:1 contrast ratio on white and 4.83: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.