#436F97 Hex Color

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

Hex color #436f97 graphic
Muted and cool, #436f97 is a medium-dark blue with gray undertones and restrained saturation. Its steady appearance supports brands in finance, technology, healthcare, and government, where reliability matters. Use it as a dominant interface or branding color, pairing it with warm white or muted copper. White text meets WCAG AA body-text contrast at about 5.3:1. The hex code for this shade is #436f97.

Questions about #436f97

What is #436f97 in RGB, HSL and CMYK?
In RGB, #436f97 is rgb(67, 111, 151), in HSL hsl(209, 39%, 43%) and in CMYK 56%, 26%, 0%, 41%. Browse more shades of blue with names and hex codes.
What colors pair well with #436f97?
Warm white creates a clean, readable contrast with #436f97, while muted copper adds controlled warmth without overpowering its cool blue-gray character. Use the blue as a dominant color and reserve copper for accents, icons, or calls to action.
Does #436f97 work with white text?
Yes, #436f97 generally supports white body text at about a 5.3:1 contrast ratio, meeting WCAG AA for normal-sized text. Check the exact font size, weight, and rendering in your interface, and use a contrast tool before publishing.
What mood does #436f97 convey, and where can it be used?
#436f97 conveys reliability and restraint through its cool, medium-dark blue base and gray undertones, making it well suited to finance, technology, healthcare, government, dashboards, and other interfaces that need a steady, professional visual tone.
Is #436f97 readable on white or black?
#436f97 has a 5.30:1 contrast ratio on white and 3.95: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.