#9E7FE2 Hex Color

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

Hex color #9e7fe2 graphic
#9e7fe2 is a cool, saturated violet with a clear, synthetic edge that feels modern and precise. Use this hex code as a 10% accent rather than a full background to maintain visual hierarchy. It pairs unexpectedly well with deep charcoal grays or lime greens for high-contrast digital interfaces. Because black text sits comfortably against this shade, it works reliably for UI elements and bold iconography.

Questions about #9e7fe2

What is #9e7fe2 in RGB, HSL and CMYK?
In RGB, #9e7fe2 is rgb(158, 127, 226), in HSL hsl(259, 63%, 69%) and in CMYK 30%, 44%, 0%, 11%.
What colors work best with #9e7fe2 in a UI design?
#9e7fe2 creates a balanced, high-contrast look when paired with deep charcoal or near-black grays for text. For a more adventurous, synthetic aesthetic, use it alongside vivid lime greens, which capitalize on the violet's cool, electronic undertones.
Is #9e7fe2 suitable for background elements?
It is generally too vibrant to function as a full-page background without overwhelming the user. Instead, reserve #9e7fe2 for smaller UI elements like buttons, active states, or icons where its precise, synthetic energy can provide a clean focal point.
Is #9e7fe2 readable on white or black?
#9e7fe2 has a 3.18:1 contrast ratio on white and 6.58: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.