#397BA9 Hex Color

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

Hex color #397ba9 graphic
A muted steel blue with gray undertones. #397ba9 reads steady and honest, which is why finance, healthcare, and government brands lean on shades like it. Its low saturation stays calm across large areas, though it can look flat against pure white. Use it as a 60% base and warm it up with terracotta or coral accents. White text passes AA on top at roughly 4.6:1 contrast.

Questions about #397ba9

What is #397ba9 in RGB, HSL and CMYK?
In RGB, #397ba9 is rgb(57, 123, 169), in HSL hsl(205, 50%, 44%) and in CMYK 66%, 27%, 0%, 34%. Browse more shades of blue with names and hex codes.
What colors pair well with #397ba9?
Warm opposites work best: try terracotta or coral accents, with soft sand as a neutral. Its gray undertone also looks richer against burgundy than against camel or tan.
Can white text sit on top of #397ba9?
Yes. White text on #397ba9 reaches about 4.6:1 contrast, which clears the WCAG AA threshold of 4.5:1 for small body text.
Is #397ba9 readable on white or black?
#397ba9 has a 4.58:1 contrast ratio on white and 4.58: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 for body text. Try other pairs in the contrast checker.