#3A5E3E Hex Color

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

Select a Color

This dark, desaturated green feels grounded and muted, making it ideal for organic branding or professional UI backgrounds. Because the hex code #3a5e3e is quite dim, it provides excellent contrast for white text, ensuring high accessibility in data-heavy designs. Pair this shade with soft creams or warm grays to prevent the palette from feeling too heavy or stagnant.

Questions about #3a5e3e

What is #3a5e3e in RGB, HSL and CMYK?

In RGB, #3a5e3e is rgb(58, 94, 62), in HSL hsl(127, 24%, 30%) and in CMYK 38%, 0%, 34%, 63%.

What color combinations work best with #3a5e3e?

To keep the palette from feeling too heavy, balance this deep green with soft, creamy off-whites or neutral warm grays. Pairing it with cream or sand highlights its organic character, while using it as a background allows for clean, legible typography in almost any interface.

Is #3a5e3e readable on white or black?

#3a5e3e has a 7.36:1 contrast ratio on white and 2.85: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.

#3A5E3E Hex Color

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

Questions about #3a5e3e

Color tools

Resources