#77A2B7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With a dusty, desaturated composition, #77a2b7 offers a professional and secure tone without feeling sterile. Its low chroma creates a grounding effect ideal for financial or law-based interfaces. Because black text maintains strong contrast against this shade, use it for UI backgrounds or secondary headers. Pair it with charcoal gray rather than pure white to avoid a washed-out appearance. The hex code for this blue is #77a2b7.
Questions about #77a2b7
What is #77a2b7 in RGB, HSL and CMYK?
In RGB, #77a2b7 is rgb(119, 162, 183), in HSL hsl(200, 31%, 59%) and in CMYK 35%, 11%, 0%, 28%.
What are the best color pairings for #77a2b7?
#77a2b7 performs best when paired with dark, grounding neutrals rather than high-contrast white. Use charcoal or deep slate for text and secondary accents to maintain a professional, cohesive interface that feels modern instead of washed out.
Is #77a2b7 readable on white or black?
#77a2b7 has a 2.75:1 contrast ratio on white and 7.63: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.