#7E87F5 Hex Color

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

Hex color #7e87f5 graphic
#7e87f5 is a saturated, bright periwinkle with a distinct cool cast. It demands attention, making it an excellent choice for high-impact buttons or interface highlights. This shade carries enough contrast against black text to remain legible for body copy, but it shines brightest as an accent color. Because of its intensity, avoid using this hex code as a dominant background to prevent visual fatigue.

Questions about #7e87f5

What is #7e87f5 in RGB, HSL and CMYK?
In RGB, #7e87f5 is rgb(126, 135, 245), in HSL hsl(235, 86%, 73%) and in CMYK 49%, 45%, 0%, 4%.
How should I use #7e87f5 in UI design?
Use #7e87f5 primarily as a functional accent color for primary buttons, call-to-action links, or interface highlights. Its high saturation and cool undertones command attention, so avoid applying it to large backgrounds where it can cause visual fatigue.
Is #7e87f5 readable on white or black?
#7e87f5 has a 3.14:1 contrast ratio on white and 6.67: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.