#2C4143 Hex Color

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

Select a Color

#2c4143 is a dark, desaturated cyan that leans toward dusty grey. Because of its muted, matte quality, it excels as a moody background color for tech or aerospace interfaces. It offers excellent contrast for white text, ensuring readability in small sizes. Pair this tone with soft creams or warm metallic accents to keep designs from feeling too bleak or industrial.

Questions about #2c4143

What is #2c4143 in RGB, HSL and CMYK?

In RGB, #2c4143 is rgb(44, 65, 67), in HSL hsl(185, 21%, 22%) and in CMYK 34%, 3%, 0%, 74%. Browse more shades of gray with names and hex codes.

What colors pair best with #2c4143 in a UI design?

This dusty cyan works best when anchored by cream or off-white to lift the dark, moody saturation. For a more industrial aesthetic, metallic accents like silver or bronze provide enough contrast without clashing with the underlying grey tones.

Is #2c4143 readable on white or black?

#2c4143 has a 10.80:1 contrast ratio on white and 1.94: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.

#2C4143 Hex Color

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

Questions about #2c4143

Color tools

Resources