#0770AA Hex Color

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

Hex color #0770aa graphic
This unsaturated mid-tone blue carries a grounded, professional weight. Because #0770aa offers a solid 5.4:1 contrast ratio against white, it serves as an excellent choice for clear, legible body text in corporate UI design. Pair it with soft grays or creams to keep the interface approachable. This hex code works best when used as a reliable, dominant base color for technology or financial branding.

Questions about #0770aa

What is #0770aa in RGB, HSL and CMYK?
In RGB, #0770aa is rgb(7, 112, 170), in HSL hsl(201, 92%, 35%) and in CMYK 96%, 34%, 0%, 33%. Browse more shades of blue with names and hex codes.
Why is #0770aa a strong choice for UI body text?
This specific mid-tone blue provides a solid 5.4:1 contrast ratio against white backgrounds, ensuring your interface text remains legible and accessible. It delivers a professional, grounded aesthetic that avoids the visual strain often caused by overly vibrant or neon blue tones.
What colors pair well with #0770aa for a balanced palette?
To keep your design approachable, pair #0770aa with soft neutrals like cream or light slate grays. These combinations maintain the professional weight of the blue while preventing the layout from feeling too cold or sterile in a corporate application.
Is #0770aa readable on white or black?
#0770aa has a 5.37:1 contrast ratio on white and 3.90: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.