#7786F4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, cool periwinkle demands attention with its saturated and bold intensity. Because it commands the eye, #7786f4 serves best as an energetic accent or call to action rather than a dominant background. It pairs exceptionally well with charcoal grays and deep navies to ground its high energy. Black text remains highly legible against this hex code, ensuring usability in UI design.
Questions about #7786f4
What is #7786f4 in RGB, HSL and CMYK?
In RGB, #7786f4 is rgb(119, 134, 244), in HSL hsl(233, 85%, 71%) and in CMYK 51%, 45%, 0%, 4%.
How can I effectively use #7786f4 in UI design without overwhelming the viewer?
Because #7786f4 is highly saturated, use it exclusively as an energetic accent color for call to action buttons or small active states. When paired with neutral charcoal or deep navy backgrounds, it creates a striking, modern contrast that remains readable.
Does #7786f4 work well for large-scale text or backgrounds?
Using #7786f4 for large backgrounds or body text is generally discouraged because its high intensity can cause eye strain. If you must use it in larger areas, consider applying a significant desaturation or pairing it with darker elements to ground the design.
Is #7786f4 readable on white or black?
#7786f4 has a 3.23:1 contrast ratio on white and 6.50: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.