#3D76B4 Hex Color

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

Hex color #3d76b4 graphic
This muted, mid-tone blue carries a stable, professional character suitable for corporate branding or interface design. Because #3d76b4 offers sufficient contrast against white text, it functions effectively as a solid primary background or header color for finance and security applications. Pair this cool, unsaturated shade with warm off-whites to avoid a sterile look. The hex code for this reliable blue is #3d76b4.

Questions about #3d76b4

What is #3d76b4 in RGB, HSL and CMYK?
In RGB, #3d76b4 is rgb(61, 118, 180), in HSL hsl(211, 49%, 47%) and in CMYK 66%, 34%, 0%, 29%.
Why is #3d76b4 effective for user interface design?
The hex color #3d76b4 offers a balanced contrast ratio against white or light gray text, making it highly readable for headers or primary buttons. Its unsaturated, mid-tone quality prevents eye strain during extended use in professional software applications.
What colors pair best with #3d76b4?
This muted blue pairs beautifully with warm, soft off-whites or cream to balance its natural coolness. For a sharper corporate look, combine it with charcoal or deep slate, which anchors the interface without overwhelming the primary blue hue.
Is #3d76b4 readable on white or black?
#3d76b4 has a 4.72:1 contrast ratio on white and 4.44: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.