#334351 Hex Color

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

Hex color #334351 graphic
#334351 is a dark, muted blue with ashy gray undertones and a matte, almost smoky finish. This hex code brings seriousness and depth without the intensity of navy. Use it as a supporting tone in finance, technology, or security layouts, especially behind white text, which reaches about 10.2:1 contrast. At large sizes, it can feel heavy, so pair it with pale neutrals.

Questions about #334351

What is #334351 in RGB, HSL and CMYK?
In RGB, #334351 is rgb(51, 67, 81), in HSL hsl(208, 23%, 26%) and in CMYK 37%, 17%, 0%, 68%.
What colors pair well with #334351?
The hex color #334351 pairs well with burgundy, muted terracotta, and soft cream, because these warmer tones add contrast without overpowering its low-saturation blue base in restrained brand palettes and interface accents. Use one warmer accent sparingly, then keep typography and secondary surfaces light.
Does #334351 read as a warm or cool color?
#334351 reads as a cool blue-gray because its blue hue is softened by low saturation and moderate gray content, so it feels controlled and formal in most design settings. Its dark value adds weight, while the muted chroma keeps it from feeling vivid.
Is #334351 readable on white or black?
#334351 has a 10.18:1 contrast ratio on white and 2.06: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.