#2C4C74 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated blue feels serious and grounded. Due to its muted tone, #2c4c74 works effectively as a background for professional or tech interfaces. It provides sufficient contrast for white text to meet accessibility standards. Pair it with soft cream or light gold to counteract the heavy, gloomy undertones. The hex code for this stable, dim navy is #2c4c74.
Questions about #2c4c74
What is #2c4c74 in RGB, HSL and CMYK?
In RGB, #2c4c74 is rgb(44, 76, 116), in HSL hsl(213, 45%, 31%) and in CMYK 62%, 34%, 0%, 55%.
How should I use #2c4c74 in professional interface design?
#2c4c74 acts as a reliable, understated background that maintains strong readability when paired with white or very light text. It is particularly effective for dashboards, legal interfaces, or financial apps where a sense of stability and institutional trust is required.
What colors pair well with #2c4c74 to lift its heavy tone?
This muted navy creates a balanced contrast when paired with cream or light gold accents. These warmer, lighter tones help break up the density of #2c4c74, preventing the interface from feeling too gloomy or cold in large layout blocks.
Is #2c4c74 readable on white or black?
#2c4c74 has a 8.77:1 contrast ratio on white and 2.39: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.