#3A70AA Hex Color

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

Hex color #3a70aa graphic
This unsaturated, cool blue carries a professional tone that fits well within financial and security-focused interfaces. Because it offers a solid 5.1:1 contrast ratio against white text, it works efficiently for readable body copy. The hex code #3a70aa balances reliability with a muted character, making it a stable choice for corporate branding or UI headers that require a grounded, authoritative feel.

Questions about #3a70aa

What is #3a70aa in RGB, HSL and CMYK?
In RGB, #3a70aa is rgb(58, 112, 170), in HSL hsl(211, 49%, 45%) and in CMYK 66%, 34%, 0%, 33%.
What color combinations work well with #3a70aa?
This muted blue pairs naturally with neutral tones like light gray or crisp white to maintain its corporate, authoritative feel. For a subtle contrast, consider using deep navy accents to create depth without disrupting the overall professional balance of your layout.
Is #3a70aa readable on white or black?
#3a70aa has a 5.14:1 contrast ratio on white and 4.07: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.