#354363 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty navy projects serious authority and stability. Because of its low saturation, #354363 works best as a grounding neutral for corporate or government UI designs rather than a bright accent. It offers high contrast for white text, making it a functional choice for dark-mode backgrounds. Avoid pairing it with other muddy grays, as it creates a cleaner look alongside crisp creams or warm metallics.
Questions about #354363
What is #354363 in RGB, HSL and CMYK?
In RGB, #354363 is rgb(53, 67, 99), in HSL hsl(222, 30%, 30%) and in CMYK 46%, 32%, 0%, 61%.
What colors pair best with #354363 for a clean interface?
#354363 works best when grounded by high-contrast, crisp neutrals rather than other muddy tones. Pair this dusty navy with warm cream or metallic accents to elevate the overall palette while maintaining a professional and serious visual weight.
Is #354363 suitable for dark-mode text backgrounds?
#354363 serves as an excellent foundation for dark-mode UI designs because it provides a stable, low-saturation backdrop. When you layer white or light-toned typography over this shade, it creates high contrast that remains readable without the intensity of pure black.
Is #354363 readable on white or black?
#354363 has a 9.83:1 contrast ratio on white and 2.13: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.