#78B5DC Hex Color

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

Hex color #78b5dc graphic
This unsaturated sky blue feels airy and approachable due to its light, cool tone. Because it is highly legible with black text, #78b5dc serves as a reliable base for clean UI backgrounds and institutional branding. It pairs well with charcoal grays or warm sandy neutrals, avoiding the harshness of pure white. Use it as a dominant color in designs requiring a sense of security and professional clarity.

Questions about #78b5dc

What is #78b5dc in RGB, HSL and CMYK?
In RGB, #78b5dc is rgb(120, 181, 220), in HSL hsl(203, 59%, 67%) and in CMYK 45%, 18%, 0%, 14%.
Does #78b5dc work well for professional interfaces?
#78b5dc is an excellent choice for UI design because it maintains high readability when paired with dark text while providing a sense of calm security. Use it as a dominant background color alongside charcoal for a modern, approachable, and trustworthy corporate look.
What neutrals pair best with this sky blue?
To soften the cool tone of #78b5dc, pair it with sandy neutrals or warm beiges that prevent the design from feeling too clinical. Alternatively, using a deep charcoal offers a sharp contrast that makes the blue feel more grounded and intentional.
Is #78b5dc readable on white or black?
#78b5dc has a 2.22:1 contrast ratio on white and 9.44: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.