#1F4166 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#1f4166 is a deep, muted blue with a quiet, steady presence. It sits closer to navy than to a true mid-tone blue, with just enough gray in it to feel calm and grounded rather than bright or electric. Because it is dark and low-saturation, it works best as a base color, something you build a palette around rather than a color that demands attention. It reads as dependable and understated, which makes it a strong choice for interfaces, branding, and layouts that need a serious, stable foundation. Its real strength shows up in contrast: pair it with warm off-whites, soft creams, or muted golds and the depth of the blue becomes obvious, giving lighter elements room to stand out.
Questions about #1f4166
What is #1f4166 in RGB, HSL and CMYK?
In RGB, #1f4166 is rgb(31, 65, 102), in HSL hsl(211, 53%, 26%) and in CMYK 70%, 36%, 0%, 60%. Browse more shades of blue with names and hex codes.
What colors pair well with #1f4166?
Warm neutrals are its best partner. A soft cream like #f5f0e6 or a warm off-white creates strong contrast and keeps the deep blue from feeling heavy. Muted golds and warm brass tones also work well against it, while pale blues and cool grays tend to flatten the pairing.
Is #1f4166 a good background color?
Yes. It is dark enough that white and light cream text sit comfortably on top of it, with a contrast ratio of roughly 13:1 against white, which clears WCAG AA and AAA for normal text. It works especially well for headers, footers, and hero sections where you want content to feel grounded.
Is #1f4166 readable on white or black?
#1f4166 has a 10.46:1 contrast ratio on white and 2.00: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.