#3C4643 Hex Color

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

Hex color #3c4643 graphic
This desaturated, dusty teal carries a moody and serious weight. Because #3c4643 is very dark, it serves best as a dominant base or background rather than an accent. It pairs unexpectedly well with soft cream or muted terracotta to soften its otherwise gloomy character. With a high contrast ratio against white text, the hex code #3c4643 is a solid choice for readable dark mode UI designs.

Questions about #3c4643

What is #3c4643 in RGB, HSL and CMYK?
In RGB, #3c4643 is rgb(60, 70, 67), in HSL hsl(162, 8%, 25%) and in CMYK 14%, 0%, 4%, 73%.
What colors pair best with #3c4643?
#3c4643 functions best when paired with soft, neutral tones that lift its heavy, moody atmosphere. Use it alongside a cream or a muted terracotta to add warmth without sacrificing the serious, professional aesthetic of your design.
Is #3c4643 a good choice for UI text?
While #3c4643 is an excellent choice for a dark mode background due to its depth, it is often too dark to serve as primary text against a neutral backdrop. Ensure you use a high-contrast off-white or light gray for readability.
Is #3c4643 readable on white or black?
#3c4643 has a 9.77:1 contrast ratio on white and 2.14: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.