#625EEA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, electric violet demands attention with its high-intensity chroma. Because it is so loud, #625eea works best as a primary accent or a bold call to action rather than a background. Pair it with soft, warm grays to temper its natural aggressiveness. Since this hex code provides excellent contrast against white text, it remains legible when used for UI highlights or energetic branding elements.
Questions about #625eea
What is #625eea in RGB, HSL and CMYK?
In RGB, #625eea is rgb(98, 94, 234), in HSL hsl(242, 77%, 64%) and in CMYK 58%, 60%, 0%, 8%.
How should I use #625eea in interface design?
Use #625eea as an accent color for call-to-action buttons or highlights rather than large backgrounds. Its high saturation and luminosity provide excellent contrast against white text, making it ideal for drawing user attention toward critical interactive elements without overwhelming the overall interface layout.
Does #625eea work well with neutral colors?
Yes, #625eea looks best when paired with neutral tones to balance its natural intensity. Try incorporating soft warm grays or desaturated off-whites to temper the aggression of this violet, allowing it to pop as a focal point without creating visual fatigue for the viewer.
Is #625eea readable on white or black?
#625eea has a 4.87:1 contrast ratio on white and 4.30: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.