#2F4D97 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #2f4d97 when a design needs a serious blue that doesn’t shout. This dark, muted shade leans toward navy, and its low saturation reads dependable rather than loud. It works as a dominant base in finance, security, and dark mode UI, and pairs well with burgundy. White text on #2f4d97 hits about 8.0:1 contrast, comfortably past WCAG AA. To soften it, see what colors make gray.
Questions about #2f4d97
What is #2f4d97 in RGB, HSL and CMYK?
In RGB, #2f4d97 is rgb(47, 77, 151), in HSL hsl(223, 53%, 39%) and in CMYK 69%, 49%, 0%, 41%.
What colors pair well with #2f4d97?
Burgundy and muted gold bring out the depth in #2f4d97, while soft warm grays keep it approachable. Avoid bright oranges, since they compete with its muted, serious character.
Is #2f4d97 readable on white or black?
#2f4d97 has a 7.98:1 contrast ratio on white and 2.62: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.