#1D4693 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, authoritative blue serves as a sturdy foundation for corporate branding and serious UI design. With a high 8.9:1 contrast ratio against white, it ensures excellent legibility for text-heavy interfaces. The hex code #1d4693 functions best as a dominant base color. Pair it with cool grays or off-whites to maintain a clean, professional aesthetic without losing its grounding power.
Questions about #1d4693
What is #1d4693 in RGB, HSL and CMYK?
In RGB, #1d4693 is rgb(29, 70, 147), in HSL hsl(219, 67%, 35%) and in CMYK 80%, 52%, 0%, 42%.
Why is #1d4693 effective for user interface design?
This color provides an exceptional 8.9:1 contrast ratio against white backgrounds, ensuring text remains perfectly legible for all users. Its inherent stability makes it a trustworthy choice for headers, buttons, and navigation elements where clarity is the highest priority.
What colors pair well with #1d4693 for branding?
To maintain a professional look, balance this deep blue with neutral tones like soft gray or crisp off-whites. If you need a secondary accent, a bright amber or muted gold creates a high-impact, energetic contrast that works well for call-to-action buttons.
Is #1d4693 readable on white or black?
#1d4693 has a 8.93:1 contrast ratio on white and 2.34: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.