#77A1BB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy blue strikes a balance between professional restraint and approachable softness. Because it is highly unsaturated and dusty, it functions best as a calm background or a supportive secondary color rather than a main focal point. Pair #77a1bb with dark charcoal for high-contrast, accessible typography. This hex code provides a steady, reliable aesthetic that works well for government, legal, and financial UI designs.
Questions about #77a1bb
What is #77a1bb in RGB, HSL and CMYK?
In RGB, #77a1bb is rgb(119, 161, 187), in HSL hsl(203, 33%, 60%) and in CMYK 36%, 14%, 0%, 27%.
What colors pair well with #77a1bb for interface design?
#77a1bb works best when grounded by dark, high-contrast neutrals like charcoal or deep slate for text accessibility. To create a balanced palette, consider adding lighter, neutral greys or a soft off-white to maintain that professional, airy aesthetic without overwhelming the UI.
Is #77a1bb readable on white or black?
#77a1bb has a 2.76:1 contrast ratio on white and 7.59: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.