#1F3B61 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#1f3b61 is a desaturated, dusty navy that feels grounded and professional. It carries a heavy, serious mood, making it a reliable base color for corporate branding or interface backgrounds. While white text provides an accessible 11.3:1 contrast ratio, this muted tone can look muddy if used in large, flat blocks. Pair it with soft creams or warm grays to brighten the overall composition.
Questions about #1f3b61
What is #1f3b61 in RGB, HSL and CMYK?
In RGB, #1f3b61 is rgb(31, 59, 97), in HSL hsl(215, 52%, 25%) and in CMYK 68%, 39%, 0%, 62%. Browse more shades of blue with names and hex codes.
What colors pair best with the dusty navy of #1f3b61?
Pair #1f3b61 with soft creams or warm grays to prevent the composition from feeling too heavy or muddy. These lighter tones introduce necessary brightness and warmth, balancing the serious, desaturated nature of the navy while ensuring the interface remains visually readable.
Is #1f3b61 suitable for text in a user interface?
Yes, #1f3b61 functions well as a background color for interfaces because white text maintains an accessible 11.3:1 contrast ratio against it. Avoid using it as a text color on dark backgrounds, as the muted, desaturated tones will lack the clarity needed for accessibility.
Is #1f3b61 readable on white or black?
#1f3b61 has a 11.31: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.