#0077B6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A steady, unsaturated blue, #0077b6 functions as a workhorse for corporate and tech-focused branding. Because it sits comfortably between bright azure and navy, it remains highly readable against white text. Designers often use it as a 60-percent base for UI dashboards where professional reliability matters. If you are experimenting with color theory, consider mixing gray to soften the intensity of this hex code for more muted palettes.
Questions about #0077b6
What is #0077b6 in RGB, HSL and CMYK?
In RGB, #0077b6 is rgb(0, 119, 182), in HSL hsl(201, 100%, 36%) and in CMYK 100%, 35%, 0%, 29%.
What colors pair well with #0077b6?
#0077b6 works best when paired with high-contrast neutrals like white or light grays for text readability. For accent colors, it balances well against warm complementary oranges or muted sandy tones to ground the professional intensity.
Why is #0077b6 often used in UI design?
Designers prefer #0077b6 because it maintains high readability against light backgrounds while appearing more stable and trustworthy than brighter, neon-adjacent blues. It functions as a reliable base color for data visualization and navigation menus.
Is #0077b6 readable on white or black?
#0077b6 has a 4.86:1 contrast ratio on white and 4.31:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.