#1F2A4D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, muted shade, #1f2a4d functions as a serious, low-saturation blue. It carries a heavy, inky weight that makes it an excellent choice for corporate backgrounds or moody, high-contrast UI elements. Because it provides high contrast with white text, this hex code works well for body content. Pair it with soft cream or muted metallics to prevent the color from feeling too cold or bleak.
Questions about #1f2a4d
What is #1f2a4d in RGB, HSL and CMYK?
In RGB, #1f2a4d is rgb(31, 42, 77), in HSL hsl(226, 43%, 21%) and in CMYK 60%, 45%, 0%, 70%. Browse more shades of blue with names and hex codes.
How can I effectively use #1f2a4d in UI design?
Use #1f2a4d as a reliable base for headers or dark mode backgrounds where you need serious, professional contrast. It anchors a layout well without the harshness of pure black, especially when paired with cream or soft whites for text readability.
Does #1f2a4d read as a warm or cool color?
Is #1f2a4d readable on white or black?
#1f2a4d has a 14.03:1 contrast ratio on white and 1.49: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.