#1A4174 Hex Color

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

Select a Color

This desaturated, deep blue carries a serious, authoritative tone suited for corporate identity or secure UI designs. Because of its dark, moody quality, #1a4174 works best as a dominant base color. It provides excellent accessibility, as white text stands out clearly against its surface. Pair it with soft cream or muted metallics to prevent the shade from feeling too heavy or clinical.

Questions about #1a4174

What is #1a4174 in RGB, HSL and CMYK?

In RGB, #1a4174 is rgb(26, 65, 116), in HSL hsl(214, 63%, 28%) and in CMYK 78%, 44%, 0%, 55%.

What colors pair best with #1a4174 for UI design?

Because #1a4174 is a dark, grounded shade, it works best when paired with warm neutrals like cream or sand to soften its clinical edge. For accent colors, muted metallics or a soft terracotta provide enough contrast to keep the design feeling sophisticated rather than heavy.

Is #1a4174 readable on white or black?

#1a4174 has a 10.23:1 contrast ratio on white and 2.05: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.

#1A4174 Hex Color

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

Questions about #1a4174

Color tools

Resources