#364E6C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted navy carries a serious and grounded tone perfect for corporate or professional interfaces. Because it is highly unsaturated, #364e6c works best as a moody, full-width background rather than a text color. Pair it with crisp white type to maintain a clean 8.5:1 contrast ratio. As a hex code, #364e6c provides a stable, conservative foundation for any UI design.
Questions about #364e6c
What is #364e6c in RGB, HSL and CMYK?
In RGB, #364e6c is rgb(54, 78, 108), in HSL hsl(213, 33%, 32%) and in CMYK 50%, 28%, 0%, 58%. Browse more shades of blue with names and hex codes.
How should I use #364e6c in a UI design?
#364e6c serves best as a full-width background or structural element rather than a text color. Because it is highly unsaturated, you should pair it with crisp white text to maintain a high contrast ratio and ensure optimal readability.
What colors pair well with #364e6c?
This muted navy works effectively alongside soft, neutral tones like light gray or warm off-whites to soften its serious character. For accent colors, it balances well with muted earthy tones like terracotta or soft sage green.
Is #364e6c readable on white or black?
#364e6c has a 8.52:1 contrast ratio on white and 2.46: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.