Fern Green

#4F7942

What color is Fern Green?

Fern green is a medium, muted green with a slightly dark and earthy tone, hex #4F7942, similar in depth to the leaf of a mature fern plant. It has a dusty, natural quality that keeps it from looking bright or artificial.

What is the meaning of the color Fern Green?

Named after the fern plant, the color reflects the soft, shadowed greens found in woodland undergrowth rather than open meadow grass. Fern green appeared as an established color name in English by the early twentieth century, used in fabric and wallpaper production to bring naturalistic tones into interior design. The Arts and Crafts movement, which peaked in Britain and the United States between roughly 1880 and 1910, favored plant-derived color names like fern green for textiles and printed pattern work. The shade was later adopted by outdoor clothing brands, with L.L. Bean using similar muted greens in their heritage catalog lines as a signal of durability and outdoor practicality.

RGB
79, 121, 66
HSL
106°, 29%, 37%
CMYK
35, 0, 45, 53
HSV
106°, 45%, 47%
Fern green color

What colors go with Fern Green?

Colors that pair well with Fern green include:
Cream: soft, warm contrast
Burnt sienna: earthy, grounding depth
Dusty rose: gentle, muted complement
Navy blue: cool, strong balance
Mustard yellow: warm, natural accent

Similar Colors

Conversions & Codes

Format Value CSS
HEX #4F7942 color: #4F7942;
RGB 79, 121, 66 color: rgb(79, 121, 66);
RGB Percentage 31%, 47%, 26% color: rgb(31%, 47%, 26%);
CMYK 35%, 0%, 45%, 53% Not supported in CSS
HSL 106°, 29%, 37% color: hsl(106, 29%, 37%);
HSV 106°, 45%, 47% Not supported in CSS
CIE-LAB 30, -8, 18 color: lab(30% -8 18);
Decimal 5208386 Not supported in CSS

Color Variations

Shades

#507A43
#486E3C
#406136
#38552F
#304928
#283D21
#20311B
#182514

Tints

#C7DDC1
#B5D1AC
#A2C697
#90BB83
#7DAF6E
#6BA35A
#5D8E4E
#507A43

Tones

#507A43
#517746
#537448
#54724B
#566F4E
#576C51
#596953
#5A6756

Hues

#507A43
#437A5F
#436B7A
#44437A
#6D437A
#7A435D
#7A5243
#797A43

Color Harmonies

Analogous

#6B7A43
Click to copy
#4F7942
Click to copy
#437A52
Click to copy

Complementary

#4F7942
Click to copy
#6D437A
Click to copy

Split Complementary

#4F7942
Click to copy
#52437A
Click to copy
#7A436B
Click to copy

Triadic

#4F7942
Click to copy
#43507A
Click to copy
#7A4350
Click to copy

Tetradic

#4F7942
Click to copy
#436B7A
Click to copy
#6D437A
Click to copy
#7A5243
Click to copy

Square

#4F7942
Click to copy
#436B7A
Click to copy
#6D437A
Click to copy
#7A5243
Click to copy

CSS & Dev Snippets

CSS
.fern-green {
  color: #4F7942;
}
SCSS
$fern-green: #4F7942;
RGB
rgb(79, 121, 66)

Accessibility & Contrast

White background

5.07:1
5.07
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

4.15:1
4.15
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags