#1D3D56 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted navy carries a serious and authoritative weight. Because #1d3d56 is highly desaturated, it excels as a grounding base for dark mode interfaces or formal corporate branding. Pair it with soft cream or warm metallics to avoid a sterile look. With an 11.3:1 contrast ratio against white text, the hex code #1d3d56 is a reliable, readable choice for UI backgrounds.
Questions about #1d3d56
What is #1d3d56 in RGB, HSL and CMYK?
In RGB, #1d3d56 is rgb(29, 61, 86), in HSL hsl(206, 50%, 23%) and in CMYK 66%, 29%, 0%, 66%. Browse more shades of blue with names and hex codes.
What colors pair well with #1d3d56 for design projects?
Soft creams and warm metallics are excellent choices to balance the cool, authoritative weight of #1d3d56. These lighter, warmer tones prevent the navy from feeling too sterile or cold, creating a sophisticated and balanced visual contrast for professional interfaces.
Is #1d3d56 readable on white or black?
#1d3d56 has a 11.32:1 contrast ratio on white and 1.85: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.