Animation

Forest Green Brown

Forest Green Brown
#334139Click to copy

Forest Green Brown Parameter Conversion Table

More converters →
HEX#334139Copy
RGBrgb(51, 65, 57)Copy
HSLhsl(146, 12%, 23%)Copy
HSV/HSBhsv(146, 22%, 25%)Copy
CMYKcmyk(22%, 0%, 12%, 75%)Copy
Complementary
#334139
Click to copy
#41333B
Click to copy
Analogous
#344133
Click to copy
#334140
Click to copy
Split Complementary
#403341
Click to copy
#413334
Click to copy
Monochromatic
#334139
Click to copy
#6D6D6D
Click to copy
#A0A0A0
Click to copy
#060807
Click to copy
#000000
Click to copy
#000000
Click to copy

Forest Green Brown WCAG Accessibility Contrast

WCAG Calculator →

The contrast ratio of this color against common foreground/background colors (based on the WCAG 2.1 standard)

Sample text Aa
White background #FFFFFF
10.74 : 1
AA NormalAA LargeAAA NormalAAA Large
Sample text Aa
Black background #000000
1.96 : 1
AA NormalAA LargeAAA NormalAAA Large
Sample text Aa
Light gray background #F5F5F5
9.85 : 1
AA NormalAA LargeAAA NormalAAA Large
Sample text Aa
Dark gray background #333333
1.18 : 1
AA NormalAA LargeAAA NormalAAA Large

Forest Green Brown Shade Variants

Gradient Generator →
Lighten with White Mixed with white for a lighter, softer color
10%
20%
30%
40%
50%
60%
70%
80%
90%
Darken with Black Mixed with black for a deeper, heavier color
10%
20%
30%
40%
50%
60%
70%
80%
90%
Muted / Morandi Mixed with gray and desaturated for a sophisticated muted tone
10%
20%
30%
40%
50%
60%
70%
80%
90%

Forest Green Brown Color Introduction

Definition

Forest Green Brown (HEX #334139) has the RGB value rgb(51, 65, 57), the HSL value hsl(146°, 12%, 23%) and the CMYK print value cmyk(22%, 0%, 12%, 75%). In terms of color schemes, the complement of Forest Green Brown is #41333B, and placing the two side by side produces a striking, eye-catching contrast; paired with the analogous colors #344133 and #334140 that sit next to it on the color wheel, it transitions naturally and harmoniously; in a split-complementary scheme (#403341, #413334) it keeps its contrast tension without losing layering; and a monochromatic scheme built on Forest Green Brown uses gradients of lightness and saturation to create a unified design with a strong sense of depth. Under the WCAG accessibility standard, Forest Green Brown has a contrast ratio of 10.74:1 against white and 1.96:1 against black; paired with a white background it reaches AAA, making body text highly readable.

Color Characteristics

Green is the base color of nature, evoking forests, lawns and new plants. Calm yet full of life, it carries a natural sense of trust in environmental, health and finance sectors. Specifically, Forest Green Brown has a lightness of 23% and a saturation of 12%, steady and powerful as a background or primary color, pairing well with light text for good readability; moreover, its saturation is fairly low and its gray tone is soft, carrying a quiet, Morandi-like character. In a word: A mix of tree trunks and soil from Hayao Miyazaki's forests, natural and composed, full of layered depth.

Color Psychology

Green can evoke relaxation, safety and balance, with a marked soothing effect; psychologically it symbolizes nature, health and hope. For this reason Forest Green Brown tends to leave a first impression of being calm and natural in the viewer’s mind, and this emotional tone also defines the role it plays in design.

Best Uses

Green suits environmental campaigns, healthcare, tea brands and any scene that needs to convey natural trust. In real projects, Forest Green Brown is also often used as a dark background or heading text color; in “Green”-themed designs, the adjacent colors or lightness gradients built around it quickly establish a cohesive, clearly layered color scheme.

Forest Green Brown Featured In

This color is included in the following color cards and color families. Click a card to browse more colors in the corresponding collection.