#7E36FF Hex Color

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

Hex color #7e36ff graphic
This electric violet demands attention. As a high-intensity hue, the hex code #7e36ff works best as a sharp accent rather than a full-page background. It offers clear contrast against white text for UI buttons or digital alerts. If you need a cooler balance to ground this saturation, compare it against other shades of blue. Use it sparingly to maintain its visual punch.

Questions about #7e36ff

What is #7e36ff in RGB, HSL and CMYK?
In RGB, #7e36ff is rgb(126, 54, 255), in HSL hsl(261, 100%, 61%) and in CMYK 51%, 79%, 0%, 0%.
How should I use #7e36ff in a user interface?
#7e36ff works best as a punchy accent color for call-to-action buttons or alert icons rather than a large background. Its high saturation commands immediate attention, so pair it with generous white space or neutral grays to avoid visual clutter.
What colors pair well with #7e36ff for a balanced palette?
To ground the intensity of #7e36ff, pair it with cooler, muted tones like slate blue or charcoal to create a professional contrast. Avoid placing it next to other highly saturated neon hues, as they may cause eye strain and readability issues.
Is #7e36ff readable on white or black?
#7e36ff has a 5.44:1 contrast ratio on white and 3.85:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.