#142F87 Hex Color

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

Select a Color

This dark, intense blue reads as authoritative and stable, making it a natural choice for corporate or professional design systems. With high saturation and low lightness, #142f87 works best as a dominant base for interfaces where white text provides excellent readability. The hex code #142f87 offers a serious, grounded alternative to traditional black backgrounds without sacrificing contrast or clarity in modern UI layouts.

Questions about #142f87

What is #142f87 in RGB, HSL and CMYK?

In RGB, #142f87 is rgb(20, 47, 135), in HSL hsl(226, 74%, 30%) and in CMYK 85%, 65%, 0%, 47%.

What colors pair well with #142f87 for professional branding?

It pairs effectively with clean white or light silver for a sharp, corporate aesthetic. For a more dynamic palette, use warm accents like gold or amber to create a high-impact contrast against the cool, grounded nature of the navy base.

Is #142f87 readable on white or black?

#142f87 has a 11.75:1 contrast ratio on white and 1.78: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.

#142F87 Hex Color

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

Questions about #142f87

Color tools

Resources