#5D78D5 Hex Color

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

Select a Color

This cool, medium-toned blue balances saturation with a steady, reliable presence. Designers favor #5d78d5 for corporate tech and finance interfaces because it conveys professionalism without feeling sterile. It provides enough contrast to support black text, making it a safe choice for UI elements. Use it as a supporting tone rather than a background to keep your layout from feeling too heavy.

Questions about #5d78d5

What is #5d78d5 in RGB, HSL and CMYK?

In RGB, #5d78d5 is rgb(93, 120, 213), in HSL hsl(227, 59%, 60%) and in CMYK 56%, 44%, 0%, 16%.

What colors pair well with #5d78d5 in a UI layout?

#5d78d5 pairs well with high-contrast neutrals like charcoal for text or ivory for backgrounds to maintain readability. For an accent, consider using a soft coral or gold to provide a warm, energetic contrast that makes your primary blue feel less corporate.

Is #5d78d5 readable on white or black?

#5d78d5 has a 4.10:1 contrast ratio on white and 5.11: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.

#5D78D5 Hex Color

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

Questions about #5d78d5

Color tools

Resources