#837EE5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated violet carries a high-energy, electric mood. Because it is bright, it works best as a punchy accent color rather than a large background field, where it might overwhelm the viewer. Pair it with charcoal or deep navy for a grounded aesthetic. The hex code for this color is #837ee5, which offers enough contrast to support black text comfortably in most UI applications.
Questions about #837ee5
What is #837ee5 in RGB, HSL and CMYK?
In RGB, #837ee5 is rgb(131, 126, 229), in HSL hsl(243, 66%, 70%) and in CMYK 43%, 45%, 0%, 10%.
How should I use #837ee5 in a professional interface?
Because #837ee5 is so visually intense, use it sparingly as a strategic accent color for call-to-action buttons or highlights. Avoid using it for large backgrounds, as its electric saturation can quickly fatigue the eyes of your users over long periods.
What colors pair best with the #837ee5 violet?
Pair #837ee5 with charcoal grays or deep navies to ground its high energy and create a sophisticated, balanced palette. These darker neutrals provide the necessary contrast to let the violet pop without the design feeling chaotic or overly loud.
Is #837ee5 readable on white or black?
#837ee5 has a 3.45:1 contrast ratio on white and 6.08: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.