#3C4C14 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, unsaturated olive brings an earthy weight to designs. Because it sits on the gloomier side of the spectrum, #3c4c14 functions best as a dominant base rather than a highlight. It provides excellent contrast for white text, making it a solid choice for moody, nature-inspired interfaces. Pair it with muted golds or creams to avoid a muddy look on the screen.
Questions about #3c4c14
What is #3c4c14 in RGB, HSL and CMYK?
In RGB, #3c4c14 is rgb(60, 76, 20), in HSL hsl(77, 58%, 19%) and in CMYK 21%, 0%, 74%, 70%.
What colors pair well with #3c4c14?
#3c4c14 works best when balanced by lighter, warmer tones to prevent a muddy appearance. Try pairing it with soft creams or muted golds for a sophisticated look that maintains readability, or use cream text overlays to ensure the interface feels grounded rather than heavy.
Is #3c4c14 suitable for UI text?
#3c4c14 is generally too dark for body text, as it lacks sufficient contrast against standard dark backgrounds and may feel too heavy as a primary font color. Reserve this shade for large backgrounds or secondary UI elements where it can properly set a moody, organic tone.
Is #3c4c14 readable on white or black?
#3c4c14 has a 9.39:1 contrast ratio on white and 2.23: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.