#3A5A40 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted green carries a serious, organic weight that feels both grounded and mysterious. Because it is highly unsaturated, the hex code #3a5a40 serves better as a stabilizing background or a supporting secondary color than as a focal point. Pair it with soft, warm creams for a natural, eco-conscious aesthetic. It offers enough contrast for legible white text in interface designs.
Questions about #3a5a40
What is #3a5a40 in RGB, HSL and CMYK?
In RGB, #3a5a40 is rgb(58, 90, 64), in HSL hsl(131, 22%, 29%) and in CMYK 36%, 0%, 29%, 65%.
What colors pair well with #3a5a40 for a balanced design?
This color thrives alongside warm, creamy whites or soft beige tones, which prevent the deep green from appearing too heavy or somber. You might also pair it with terracotta or muted wood tones to lean into a grounded, natural aesthetic.
Does #3a5a40 work well as a background for text?
Because it is highly unsaturated and dark, #3a5a40 provides excellent contrast for white or light cream typography. It serves as a sophisticated, readable alternative to harsh black backgrounds in interface designs, offering a more organic and approachable feel.
Is #3a5a40 readable on white or black?
#3a5a40 has a 7.73:1 contrast ratio on white and 2.71: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.