#78A6F5 Hex Color
Vivid cool blue with stable, approachable character
This cool blue sits at a mid-range brightness with enough chroma to stay vivid without becoming neon. Designers often select #78a6f5 for UI backgrounds in healthcare or finance apps, as it communicates stability while remaining approachable. It works best as a primary interface tone, paired with charcoal text for high contrast. If you struggle to balance this saturation, what colors make gray can help you mute your palette.
Questions about #78a6f5
What is #78a6f5 in RGB, HSL and CMYK?
In RGB, #78a6f5 is rgb(120, 166, 245), in HSL hsl(218, 86%, 72%) and in CMYK 51%, 32%, 0%, 4%.
What colors pair best with #78a6f5 for UI design?
Is #78a6f5 readable on white or black?
#78a6f5 has a 2.44:1 contrast ratio on white and 8.57:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.