#77B4D8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated pastel blue sits at a mid-range lightness, creating an approachable, clean aesthetic suitable for UI backgrounds or corporate branding. Because it is highly legible, black text works perfectly over this hue. The hex code for this color is #77b4d8. If you want to ground this breezy shade, knowing what colors make gray can help you select the right neutral for your palette.
Questions about #77b4d8
What is #77b4d8 in RGB, HSL and CMYK?
In RGB, #77b4d8 is rgb(119, 180, 216), in HSL hsl(202, 55%, 66%) and in CMYK 45%, 17%, 0%, 15%.
What colors pair well with #77b4d8?
This soft blue works best with neutrals that provide contrast without overwhelming its calm nature. Pair it with a deep charcoal or crisp white for text legibility, or use terracotta to introduce a warm accent that balances the cool tones.
Is #77b4d8 readable on white or black?
#77b4d8 has a 2.25:1 contrast ratio on white and 9.30: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.