#1F3897 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, saturated blue feels grounded and authoritative, making it a natural choice for corporate branding or financial interfaces. It avoids the neon harshness of lighter shades, acting as a stable base for white text or UI elements. Pair #1f3897 with a warm, desaturated cream to soften its intensity. The hex code is #1f3897, a reliable option when your design demands a professional, secure tone.
Questions about #1f3897
What is #1f3897 in RGB, HSL and CMYK?
In RGB, #1f3897 is rgb(31, 56, 151), in HSL hsl(228, 66%, 36%) and in CMYK 79%, 63%, 0%, 41%.
What colors pair best with #1f3897?
Pair #1f3897 with a warm, desaturated cream to soften its intensity while maintaining a professional appearance. This combination prevents the blue from feeling too harsh, creating a balanced, approachable interface that remains grounded and authoritative for high-stakes design work.
Is #1f3897 readable on white or black?
#1f3897 has a 10.14:1 contrast ratio on white and 2.07: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.