#8E6EE1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Highly saturated and loud, #8e6ee1 brings an intense energy to digital interfaces. Use this hex code sparingly as a 10 percent accent color to guide user focus, as it can overwhelm a large background. It offers excellent readability with black text at a 5.5:1 ratio. Try pairing this bright violet with pale cream tones to soften its striking character.
Questions about #8e6ee1
What is #8e6ee1 in RGB, HSL and CMYK?
In RGB, #8e6ee1 is rgb(142, 110, 225), in HSL hsl(257, 66%, 66%) and in CMYK 37%, 51%, 0%, 12%.
How should I use the bright violet of #8e6ee1 in web design?
Use #8e6ee1 as a high-impact accent color rather than a primary background, as its saturation can easily overwhelm users. Reserve it for small call-to-action buttons or highlights where you need to draw the eye immediately against a neutral, softer interface.
What neutral tones balance the intensity of #8e6ee1?
The best way to ground this violet is to pair it with cream or off-white tones. These light, warm neutrals soften the striking character of the color, making it feel intentional and readable rather than jarring within your broader color palette.
Is #8e6ee1 readable on white or black?
#8e6ee1 has a 3.84:1 contrast ratio on white and 5.46: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.