#1D4F91 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, serious navy provides a stable foundation for corporate tech and finance interfaces. It serves well as a primary 60% background because white text remains perfectly legible with an 8.1:1 contrast ratio. If the hue feels too saturated for your specific palette, learning what colors make gray allows for easier muted adjustments. The hex code for this color is #1d4f91.
Questions about #1d4f91
What is #1d4f91 in RGB, HSL and CMYK?
In RGB, #1d4f91 is rgb(29, 79, 145), in HSL hsl(214, 67%, 34%) and in CMYK 80%, 46%, 0%, 43%.
What design style works best with #1d4f91?
#1d4f91 functions as a grounded, professional foundation that excels in corporate tech or financial dashboards. Its high contrast against white text ensures maximum readability, while its stable, serious tone communicates reliability and technical authority to your audience.
How can I pair #1d4f91 to create a balanced interface?
Use #1d4f91 alongside light gray backgrounds to soften the overall intensity, or introduce a vibrant orange accent to create a sharp, modern pop. This pairing bridges the gap between traditional professional navy and contemporary, high-energy digital design elements.
Is #1d4f91 readable on white or black?
#1d4f91 has a 8.14:1 contrast ratio on white and 2.57: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.