#3A5B74 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and dark, #3a5b74 is a cool blue with gray undertones and low saturation. Its matte, shadowed quality suggests seriousness, reliability, and control without demanding attention. Use it as a supporting tone in finance, technology, healthcare, or government interfaces. White achieves about 7.2:1 contrast, making this hex code suitable as a background for small body text.
Questions about #3a5b74
What is #3a5b74 in RGB, HSL and CMYK?
In RGB, #3a5b74 is rgb(58, 91, 116), in HSL hsl(206, 33%, 34%) and in CMYK 50%, 22%, 0%, 55%.
What colors pair well with #3a5b74?
#3a5b74 pairs well with white, soft gray, and warm neutrals because these lighter, gentler tones balance its cool, shadowed appearance without competing for attention. Use a muted accent like terracotta for added warmth.
Is #3a5b74 warm or cool?
#3a5b74 reads as a cool blue because its blue hue and gray undertones create a muted, shadowed effect rather than the warmth associated with yellow- or red-based colors in most lighting conditions. It suits calm, restrained designs.
Is #3a5b74 readable on white or black?
#3a5b74 has a 7.17:1 contrast ratio on white and 2.92: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.