#6779EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo sits on the brighter side of the spectrum, offering high visibility for digital interfaces. Because it demands attention, use #6779ea as an accent color for calls to action or UI highlights rather than a full background. It pairs exceptionally well with muted corals or warm greys to balance its intensity. The hex code for this vivid shade is #6779ea.
Questions about #6779ea
What is #6779ea in RGB, HSL and CMYK?
In RGB, #6779ea is rgb(103, 121, 234), in HSL hsl(232, 76%, 66%) and in CMYK 56%, 48%, 0%, 8%.
What colors pair well with #6779ea for UI design?
Because #6779ea is intense and high-contrast, it balances beautifully against muted coral or soft, neutral warm greys. These softer tones ground the brightness of the indigo, preventing it from overwhelming the rest of your layout.
Is #6779ea suitable for text on light backgrounds?
While #6779ea offers a striking visual punch, it often fails standard accessibility contrast ratios when placed directly on white backgrounds. Use it sparingly for interactive highlights, buttons, or icons rather than for long-form body text.
Is #6779ea readable on white or black?
#6779ea has a 3.81:1 contrast ratio on white and 5.49: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.