#364466 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a serious and inky tone that feels grounded and professional. Because it is highly unsaturated, #364466 works well as a dark base for corporate interfaces or technology branding. It provides excellent legibility for white text, making it a reliable choice for UI backgrounds. Pair it with soft cream or warm metallics to cut through the cool, dim nature of the shade.
Questions about #364466
What is #364466 in RGB, HSL and CMYK?
In RGB, #364466 is rgb(54, 68, 102), in HSL hsl(223, 31%, 31%) and in CMYK 47%, 33%, 0%, 60%. Browse more shades of blue with names and hex codes.
How should I use #364466 in UI design?
This color works best as a primary background or a subtle accent for professional technology branding where readability is paramount. Because it is highly unsaturated, it provides excellent contrast for white text, ensuring your interface remains accessible and clear for the user.
What colors pair well with #364466?
To soften its serious, inky tone, pair #364466 with cream or warm metallics like bronze. These lighter, warmer tones cut through the cool, dim nature of the blue, creating a balanced and sophisticated visual hierarchy for your specific design projects.
Is #364466 readable on white or black?
#364466 has a 9.65:1 contrast ratio on white and 2.17: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.