#303749 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted blue sits on the edge of grey, offering a serious and grounded alternative to standard navy. With a matte, inky quality, #303749 works well as a base for corporate or financial interfaces where clarity and restraint are required. Because it provides strong contrast with white text, it excels in dark mode layouts without straining the eye. The hex code for this shade is #303749.
Questions about #303749
What is #303749 in RGB, HSL and CMYK?
In RGB, #303749 is rgb(48, 55, 73), in HSL hsl(223, 21%, 24%) and in CMYK 34%, 25%, 0%, 71%. Browse more shades of black with names and hex codes.
Where should I use #303749 in a UI design?
#303749 is an ideal candidate for navigation bars, sidebar backgrounds, or footer sections where you need to establish a sense of depth without resorting to pure black. It maintains legibility for white text, offering a softer, more sophisticated look for modern dashboards.
What colors pair well with #303749?
This shade works beautifully with crisp white for maximum contrast, but it also pairs effectively with mustard yellow or soft teal accents. These pairings create a balanced, professional aesthetic that feels both stable and contemporary for financial or enterprise-level branding projects.
Is #303749 readable on white or black?
#303749 has a 11.87:1 contrast ratio on white and 1.76: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.