#1A3D4F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, desaturated navy, #1a3d4f brings heavy authority to corporate branding and professional UI designs. This cool, grounded shade feels stable and serious, working best as a dominant dark background or a supporting structural element. Because it reads quite dark, ensure you use high-contrast white text for readability. The hex code for this moody, professional tone is #1a3d4f.
Questions about #1a3d4f
What is #1a3d4f in RGB, HSL and CMYK?
In RGB, #1a3d4f is rgb(26, 61, 79), in HSL hsl(200, 50%, 21%) and in CMYK 67%, 23%, 0%, 69%.
What colors pair well with #1a3d4f?
Because #1a3d4f is a desaturated, cool navy, it pairs beautifully with high-contrast neutrals like crisp whites or warm off-whites for readability. For accent colors, it works well with mustard or terracotta to add warmth and break up its serious tone.
Is #1a3d4f a suitable background for UI design?
#1a3d4f is an excellent choice for dark mode UI designs because it provides a grounded, stable feel without the harshness of pure black. Ensure you use high-contrast text, preferably white or very light grays, to maintain accessibility and readability.
Is #1a3d4f readable on white or black?
#1a3d4f has a 11.51:1 contrast ratio on white and 1.82: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.