#3A6FAF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone blue strikes a balance between professional and approachable. Because #3a6faf is moderately unsaturated, it avoids looking neon or harsh. It functions well as a reliable, dominant base for corporate branding or UI interfaces. Pair it with warm, sandy beiges rather than stark white to soften its cool intensity. The hex code for this shade is #3a6faf.
Questions about #3a6faf
What is #3a6faf in RGB, HSL and CMYK?
In RGB, #3a6faf is rgb(58, 111, 175), in HSL hsl(213, 50%, 46%) and in CMYK 67%, 37%, 0%, 31%.
What colors pair well with the #3a6faf blue?
Because #3a6faf functions as a balanced mid-tone, it pairs best with warm beige or soft cream to temper its cool, professional intensity. Avoid stark white backgrounds, which can make the blue appear slightly flat or harsh in high-contrast user interfaces.
Is #3a6faf readable on white or black?
#3a6faf has a 5.15: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.