#1D3C49 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #1d3c49 graphic
This dim, ashy cyan carries a heavy, serious weight that works best for moody UI backgrounds or tech-focused branding. Because it is highly unsaturated, #1d3c49 avoids the harshness of pure blue. It provides excellent contrast for white text, making it a reliable base for dense information. Pair it with muted corals or soft sand tones to prevent the palette from feeling too cold or corporate.

Questions about #1d3c49

What is #1d3c49 in RGB, HSL and CMYK?
In RGB, #1d3c49 is rgb(29, 60, 73), in HSL hsl(198, 43%, 20%) and in CMYK 60%, 18%, 0%, 71%.
What colors pair well with #1d3c49 in a design project?
This deep teal works best alongside warm, muted tones to prevent the palette from feeling too industrial or cold. Pair it with soft sand or desaturated coral to create a sophisticated balance that feels modern yet inviting and highly readable.
Is #1d3c49 a suitable background color for UI design?
Yes, this hex color serves as a stable, low-distraction base for dense information and moody interface layouts. Because it is highly desaturated, #1d3c49 avoids the harsh artificial vibration of pure blue, keeping user focus on high-contrast white or light text elements.
Is #1d3c49 readable on white or black?
#1d3c49 has a 11.70:1 contrast ratio on white and 1.79: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.