#3C3C14 Hex Color

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

Hex color #3c3c14 graphic
#3c3c14 is a dusty, unsaturated olive with warm, earthy undertones. This dim shade works best as a grounding accent rather than a full-page background, where it can easily appear muddy. Use it to bring a sense of serious depth to moody design palettes. It pairs surprisingly well with bright, clean teals or stark white text for a high-contrast, modern interface.

Questions about #3c3c14

What is #3c3c14 in RGB, HSL and CMYK?
In RGB, #3c3c14 is rgb(60, 60, 20), in HSL hsl(60, 50%, 16%) and in CMYK 0%, 0%, 67%, 76%.
What colors pair best with #3c3c14 for a balanced design?
#3c3c14 works best when contrasted against cooler or lighter tones to prevent the palette from feeling too muddy. Pair it with teal for a modern, high-contrast look, or use soft off-white text to keep the interface readable and elegant.
Is #3c3c14 suitable for UI backgrounds or large surfaces?
Due to its low saturation and dark value, #3c3c14 generally functions better as a grounding accent rather than a primary background color. Using it for large sections can overwhelm the interface, but it excels as a button color or distinct sidebar header.
Is #3c3c14 readable on white or black?
#3c3c14 has a 11.36:1 contrast ratio on white and 1.84: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.