#1F4E79 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, desaturated navy feels professional and grounded. Because it lacks vivid chroma, #1f4e79 works best as a stable base for corporate interfaces or text-heavy layouts. White text creates excellent readability against this shade, offering a high contrast ratio. Pair it with soft cream or muted metallics to avoid a sterile look, as its cool undertones can feel quite formal on their own.
Questions about #1f4e79
What is #1f4e79 in RGB, HSL and CMYK?
In RGB, #1f4e79 is rgb(31, 78, 121), in HSL hsl(209, 59%, 30%) and in CMYK 74%, 36%, 0%, 53%. Browse more shades of blue with names and hex codes.
What colors pair best with #1f4e79 for a modern interface?
#1f4e79 serves as a solid anchor, so pair it with cream or soft neutrals to prevent the design from feeling too clinical. Adding subtle metallic-gold accents can introduce warmth to the otherwise cool, professional tone of the navy base.
Is #1f4e79 readable on white or black?
#1f4e79 has a 8.66:1 contrast ratio on white and 2.42: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.