#142144 Hex Color

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

Hex color #142144 graphic
This ink-like navy is muted and incredibly dark, functioning as a sophisticated alternative to standard black. Because it is highly unsaturated, #142144 provides a steady, grounded base for UI backgrounds or corporate branding. It maintains excellent accessibility, allowing white text to pop with high contrast. Use it as a dominant color to evoke authority and stability without the harshness of a pure, true black.

Questions about #142144

What is #142144 in RGB, HSL and CMYK?
In RGB, #142144 is rgb(20, 33, 68), in HSL hsl(224, 55%, 17%) and in CMYK 71%, 51%, 0%, 73%.
When should I use #142144 instead of pure black?
Use #142144 when you need the authority of a dark neutral but want to avoid the harsh, flat appearance of pure black. Its subtle blue undertone provides a softer, more organic contrast against white or light gray backgrounds, making UI text and headers feel modern and readable.
What colors pair well with #142144 for a balanced design?
This deep navy works best when paired with warm metallics like gold or soft cream to lift the dark mood. For a corporate palette, it creates a stable base when complemented by muted accents such as sage or soft terracotta, which prevent the design from feeling too cold.
Is #142144 readable on white or black?
#142144 has a 15.78:1 contrast ratio on white and 1.33: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.