#3A4F70 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3a4f70 is a muted, dusty blue with heavy gray undertones. This cool shade functions best as a dark background for corporate or security-focused UI design. Because it holds significant depth, white text provides excellent readability against it. Avoid using it for fine details where it might appear too murky, but rely on the hex code #3a4f70 for a professional, understated base.
Questions about #3a4f70
What is #3a4f70 in RGB, HSL and CMYK?
In RGB, #3a4f70 is rgb(58, 79, 112), in HSL hsl(217, 32%, 33%) and in CMYK 48%, 29%, 0%, 56%. Browse more shades of blue with names and hex codes.
What colors pair well with #3a4f70 for UI design?
#3a4f70 works best when paired with crisp whites or very light grays to ensure high contrast for text. For a sophisticated accent, try using charcoal for headers or a muted gold to bring subtle warmth to the interface.
Is #3a4f70 considered a warm or cool color?
#3a4f70 is decidedly cool, leaning into blue and gray spectrums. Its muted nature keeps it from feeling overly vibrant or aggressive, making it a reliable choice for enterprise software where users need a calm, steady visual environment.
Is #3a4f70 readable on white or black?
#3a4f70 has a 8.29:1 contrast ratio on white and 2.53: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 is too faint for text. Try other pairs in the contrast checker.