#1F447C Hex Color

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

Hex color #1f447c graphic
This dark, unsaturated blue feels grounded and professional, making it a natural fit for finance or corporate branding. Because it is quite dim, it works best as a primary background color rather than for fine details. White text stands out sharply against it, ensuring excellent readability for UI projects. The hex code for this stable navy shade is #1f447c.

Questions about #1f447c

What is #1f447c in RGB, HSL and CMYK?
In RGB, #1f447c is rgb(31, 68, 124), in HSL hsl(216, 60%, 30%) and in CMYK 75%, 45%, 0%, 51%.
Where does #1f447c work best in UI design?
#1f447c excels as a primary background color for finance or corporate applications because of its serious, stable undertone. Its high contrast ratio ensures that white text remains perfectly legible, which is essential for maintaining accessibility in dense, data-heavy dashboards.
What colors complement #1f447c?
To create balance, pair #1f447c with soft, neutral tones like cream or light gray to prevent the design from feeling too heavy. If you need an accent, a bright gold or warm orange offers a sharp, energetic contrast against this deep navy.
Is #1f447c readable on white or black?
#1f447c has a 9.65:1 contrast ratio on white and 2.17: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.