#324C69 Hex Color

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

Hex color #324c69 graphic
#324c69 is a dusty, desaturated navy that leans heavily into gray. Because it is so muted, it functions best as a sophisticated, professional base rather than a bright accent. It works well for corporate and government interfaces where you need readability. White text pops easily against this dark shade, ensuring excellent accessibility. If you are experimenting with mixing gray, this hex code serves as a stable starting point.

Questions about #324c69

What is #324c69 in RGB, HSL and CMYK?
In RGB, #324c69 is rgb(50, 76, 105), in HSL hsl(212, 35%, 30%) and in CMYK 52%, 28%, 0%, 59%.
Does #324c69 work well for interface design?
#324c69 functions exceptionally well in UI design because its high contrast against white text ensures great readability for text and icons. Its muted, professional tone makes it a standard choice for corporate or government-facing applications where clarity is paramount.
What colors pair well with #324c69?
This deep, dusty shade pairs beautifully with warm neutrals like cream or sand to soften its clinical edge. For a more modern, high-contrast look, use it alongside crisp whites or light metallic greys to maintain its professional, grounded character.
Is #324c69 readable on white or black?
#324c69 has a 8.84:1 contrast ratio on white and 2.37: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.