#3E634E Hex Color

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

Hex color #3e634e graphic
This muted, dark forest tone brings a serious, grounded quality to design work. Because #3e634e is highly unsaturated, it works best as a stabilizing base rather than a bright accent. Pair it with soft cream or warm beige to prevent the color from appearing muddy. It provides enough contrast to support white text, making it a reliable choice for readable, earthy UI backgrounds.

Questions about #3e634e

What is #3e634e in RGB, HSL and CMYK?
In RGB, #3e634e is rgb(62, 99, 78), in HSL hsl(146, 23%, 32%) and in CMYK 37%, 0%, 21%, 61%.
What color combinations work best with #3e634e?
You should pair #3e634e with warm neutrals like cream or beige to prevent the color from appearing muddy or flat in your design. These lighter, warmer tones provide the necessary contrast to keep your layouts feeling fresh rather than overly heavy or serious.
Is #3e634e suitable for text-heavy UI backgrounds?
Because #3e634e has a balanced, muted saturation, it functions well as a stable background for white or off-white typography. It provides enough visual weight to ground a design without overwhelming the viewer, making it a reliable choice for professional and minimalist user interfaces.
Is #3e634e readable on white or black?
#3e634e has a 6.77:1 contrast ratio on white and 3.09: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.