#364675 Hex Color

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

Hex color #364675 graphic
This muted, dusty navy projects serious authority and stability. With its unsaturated, inky character, #364675 functions as a reliable anchor for corporate branding or moody UI backgrounds. Because it offers strong contrast against white text, it works well for large blocks of copy. Pair this hex code with soft greys or muted mustards to prevent it from feeling too cold or traditional in modern interfaces.

Questions about #364675

What is #364675 in RGB, HSL and CMYK?
In RGB, #364675 is rgb(54, 70, 117), in HSL hsl(225, 37%, 34%) and in CMYK 54%, 40%, 0%, 54%.
What colors pair well with #364675 in a modern interface?
This muted navy works best alongside soft neutrals like cream or light gray to maintain balance. For a contemporary pop, consider adding an accent of mustard or terracotta, which introduces warmth that prevents the deep blue from feeling too cold or corporate.
Is #364675 a good choice for text-heavy layouts?
Yes, #364675 functions effectively as a background or text color because it offers strong contrast against white and light surfaces. Its unsaturated, inky character ensures readability over large blocks of copy without the visual strain that often comes with pure, saturated navy blues.
Is #364675 readable on white or black?
#364675 has a 9.17:1 contrast ratio on white and 2.28: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.