#7878D4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool indigo feels reserved and grounded. Because it is neither too dark nor too bright, it works well as a supporting tone in web interfaces or branding palettes. Pair #7878d4 with warm, sandy beiges to soften its clinical edge. The hex code #7878d4 provides enough contrast for black text, making it a functional choice for readable UI elements and iconography.
Questions about #7878d4
What is #7878d4 in RGB, HSL and CMYK?
In RGB, #7878d4 is rgb(120, 120, 212), in HSL hsl(240, 52%, 65%) and in CMYK 43%, 43%, 0%, 17%.
What makes #7878d4 a good choice for interface design?
This unsaturated indigo balances enough contrast for accessibility while maintaining a reserved, professional aesthetic. It works effectively as a functional primary or secondary tone in dashboards where clarity matters more than vibrancy. Its grounded nature helps avoid visual fatigue in complex layouts.
How can I pair #7878d4 with other colors for a balanced palette?
To soften the clinical feel of #7878d4, pair it with warm, sandy beiges or soft, muted creams. This combination creates a sophisticated visual hierarchy that remains readable. For a more modern, tech-focused look, contrast this indigo with a neutral slate or a deep charcoal for added depth.
Is #7878d4 readable on white or black?
#7878d4 has a 3.86:1 contrast ratio on white and 5.43: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.