#1F405D Hex Color

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

Hex color #1f405d graphic
A desaturated, dusty navy, #1f405d brings a somber and grounded aesthetic to professional interfaces. Because this color is quite dark, it provides excellent contrast for white text, making it a reliable choice for UI backgrounds where readability is the priority. It feels authoritative without appearing aggressive, though its muted character works best when paired with brighter, metallic accents to prevent the overall design from feeling too flat.

Questions about #1f405d

What is #1f405d in RGB, HSL and CMYK?
In RGB, #1f405d is rgb(31, 64, 93), in HSL hsl(208, 50%, 24%) and in CMYK 67%, 31%, 0%, 64%.
What colors pair well with 1f405d in a design scheme?
Because 1f405d is a desaturated navy, it works exceptionally well when paired with warm metallics like gold or copper to add necessary vibrancy. You can also use soft, desaturated cream tones for a balanced, high-contrast look that feels professional without being harsh.
Is 1f405d suitable for large text backgrounds?
Yes, 1f405d is an ideal choice for background surfaces because its dark, muted nature creates strong readability for white or light-colored typography. Its somber tone keeps the design feeling authoritative and stable rather than distracting, making it perfect for dashboard interfaces.
Is #1f405d readable on white or black?
#1f405d has a 10.77:1 contrast ratio on white and 1.94: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.