#3C372C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated olive sits between dark yellow and grey. Because #3c372c is so muted, it functions best as a moody background or a grounding neutral for construction-themed palettes. Pair it with soft whites for high contrast, as white text remains readable against this dark base. Use this hex code sparingly, however, as it can easily appear muddy or washed out in large, solid blocks.
Questions about #3c372c
What is #3c372c in RGB, HSL and CMYK?
In RGB, #3c372c is rgb(60, 55, 44), in HSL hsl(41, 15%, 20%) and in CMYK 0%, 8%, 27%, 76%.
What colors pair well with #3c372c?
Because #3c372c is a desaturated olive, it pairs naturally with crisp whites for readability, or softer creams to maintain a warm, earthy aesthetic. For a more sophisticated palette, try blending it with muted slate or deep, darkened terracotta for contrast.
Is #3c372c suitable for large website backgrounds?
Use #3c372c with caution for full-page backgrounds as its heavy, desaturated nature can appear muddy or visually exhausting on screens. It performs much more effectively as a grounding accent color or in smaller, structured blocks to define UI sections.
Is #3c372c readable on white or black?
#3c372c has a 11.83:1 contrast ratio on white and 1.77: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.