#2C3440 Hex Color

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

Hex color #2c3440 graphic
#2c3440 is a muted, inky blue that leans heavily into grey. It reads serious and restrained. This makes it an excellent choice for dark mode UI backgrounds. White text pops against it with high legibility. Pair this hex code with soft, warm neutrals to prevent the design from feeling too cold or bleak.

Questions about #2c3440

What is #2c3440 in RGB, HSL and CMYK?
In RGB, #2c3440 is rgb(44, 52, 64), in HSL hsl(216, 19%, 21%) and in CMYK 31%, 19%, 0%, 75%.
What colors pair well with #2c3440?
Because #2c3440 is inherently cool and desaturated, it works best when balanced by soft, warm neutrals to prevent a space from feeling too clinical. Try using cream or sand to add necessary warmth against the deep, inky backdrop.
Is #2c3440 suitable for text on dark mode backgrounds?
Yes, #2c3440 is an excellent choice for dark mode UI backgrounds because it provides a softer alternative to pure black. When pairing with white or light grey text, it ensures high legibility without the harsh contrast of a total blackout.
Is #2c3440 readable on white or black?
#2c3440 has a 12.55:1 contrast ratio on white and 1.67: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.