#142770 Hex Color

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

Hex color #142770 graphic
#142770 is a deep, authoritative navy that anchors professional and corporate designs. Because of its dark saturation, it works best as a dominant base color rather than an accent. This hex code provides high readability for white text, offering a 13.5:1 contrast ratio that satisfies strict accessibility standards. While many designers treat it as a standard dark blue, you might find mixing purple hues helps soften its clinical edge.

Questions about #142770

What is #142770 in RGB, HSL and CMYK?
In RGB, #142770 is rgb(20, 39, 112), in HSL hsl(228, 70%, 26%) and in CMYK 82%, 65%, 0%, 56%.
What colors pair well with #142770 in a design scheme?
Because #142770 is a strong, authoritative navy, it balances beautifully with softer neutrals like cream or sand to reduce its clinical edge. For a modern, high-contrast look, pair it with muted metallic tones or a crisp, warm white to keep the interface feeling professional rather than cold.
Is #142770 readable on white or black?
#142770 has a 13.51:1 contrast ratio on white and 1.55: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.