#2C3C4C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, inky blue carries a serious weight that makes it a sophisticated base for professional UI designs. Because it is highly unsaturated and dark, #2c3c4c functions best as a solid background color rather than for fine details. White text pops against this shade with high readability. Pair it with soft cream or muted metallic accents to keep the aesthetic feeling intentional rather than flat.
Questions about #2c3c4c
What is #2c3c4c in RGB, HSL and CMYK?
In RGB, #2c3c4c is rgb(44, 60, 76), in HSL hsl(210, 27%, 24%) and in CMYK 42%, 21%, 0%, 70%.
What colors pair best with #2c3c4c in a design?
Is #2c3c4c a good choice for text-heavy interfaces?
#2c3c4c is highly effective as a background color, but it can be too dark for body text unless used with very high-contrast white or light off-white lettering. Always prioritize legibility on screens by checking that your foreground text maintains a high contrast ratio against this deep, moody backdrop.
Is #2c3c4c readable on white or black?
#2c3c4c has a 11.30:1 contrast ratio on white and 1.85: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.