#1E4564 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue carries a serious and authoritative weight. It works best as a primary background for corporate UI or security branding where clarity is essential. Because it offers a 10.0:1 contrast ratio against white text, readability remains high even with small typography. The hex code for this moody shade is #1e4564. Try pairing it with soft gray accents to maintain a professional, clean interface.
Questions about #1e4564
What is #1e4564 in RGB, HSL and CMYK?
In RGB, #1e4564 is rgb(30, 69, 100), in HSL hsl(207, 54%, 25%) and in CMYK 70%, 31%, 0%, 61%.
What colors pair well with #1e4564 in a UI design?
#1e4564 works best when grounded by neutral, lighter tones to balance its heavy, authoritative weight. Pair it with a crisp off-white for text readability or a soft cool gray for accents to create a clean, modern interface.
Is #1e4564 suitable for use as a primary background color?
Yes, #1e4564 is an excellent choice for corporate or security-focused backgrounds due to its high contrast ratio against white text. Its muted, unsaturated nature prevents it from feeling overwhelming while maintaining a professional and reliable appearance for the user.
Is #1e4564 readable on white or black?
#1e4564 has a 10.04:1 contrast ratio on white and 2.09: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.