#3A7A9E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3a7a9e is a muted, steel-toned blue with gray undertones. Its low saturation and mid lightness read as steady and professional, which suits finance, healthcare, and government work. Use it as a dominant base in a 60/30/10 layout, where it pairs better with warm terracotta than with plain gray. White text passes AA contrast on it at about 4.7:1.
Questions about #3a7a9e
What is #3a7a9e in RGB, HSL and CMYK?
In RGB, #3a7a9e is rgb(58, 122, 158), in HSL hsl(202, 46%, 42%) and in CMYK 63%, 23%, 0%, 38%. Browse more shades of blue with names and hex codes.
What colors pair well with #3a7a9e?
Warm earth tones like terracotta or rust make #3a7a9e feel richer than gray or navy pairings do. Cream also softens its cool edge for friendlier layouts.
Is #3a7a9e readable on white or black?
#3a7a9e has a 4.71:1 contrast ratio on white and 4.45: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.