#1F4863 Hex Color

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

Hex color #1f4863 graphic
This dusty, unsaturated blue carries a serious, professional weight. With its dim and moody character, #1f4863 works effectively as a stable background color for corporate or technical interfaces. It provides excellent accessibility for white body text. For a balanced design, pair this shade with warmer neutrals like soft cream or beige to prevent the palette from feeling too cold or overly severe.

Questions about #1f4863

What is #1f4863 in RGB, HSL and CMYK?
In RGB, #1f4863 is rgb(31, 72, 99), in HSL hsl(204, 52%, 25%) and in CMYK 69%, 27%, 0%, 61%.
Which neutral colors balance the seriousness of #1f4863?
#1f4863 works best when contrasted against warm, light neutrals like cream or beige to keep your design from appearing too severe. These softer tones prevent the deep blue from feeling cold while maintaining a professional, high-contrast aesthetic.
Is #1f4863 suitable for body text in digital interfaces?
Yes, #1f4863 functions well as a background color for interfaces, specifically when paired with white or very light off-white text for accessibility. Its muted, unsaturated nature minimizes eye strain, making it a reliable choice for long-form technical documentation or dashboards.
Is #1f4863 readable on white or black?
#1f4863 has a 9.69:1 contrast ratio on white and 2.16: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.