Fern Green

HEX: #4F7942 | Modern Palette

On White
5.07:1
PASS
On Black
4.15:1
FAIL

Color Specifications

HEX
#4F7942
RGB
79, 121, 66
HSL
105°, 45% ,47%
CMYK
34.71, 0, 45.45, 52.55

About Fern Green

Fern Green (#4F7942) is a color with RGB(79, 121, 66) and HSL(105.82°, 45.45%, 47.45%). It is commonly associated with Earthy moods. In design, it fits Cool styles and is suitable for Text, Button, Logo. Its complementary color is #6C4279, which creates strong contrast. Its triadic palette includes #424F79 and #79424F. The name comes from Fern Green (English).

  • HEX: #4F7942
  • RGB: 79, 121, 66
  • HSL: 105.82°, 45.45%, 47.45%
  • Mood: Earthy
  • Style: Cool
  • Use case: Text, Button, Logo
  • Complementary color: #6C4279
  • Triadic colors: #424F79, #79424F
  • The name comes from Fern Green (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #4F7942 from deepest shade to lightest tint.

Color Characteristics

Mood
Earthy
Style
Cool
Use case
Text Button Logo

Accessibility Simulation

Deuteranopia #6F6F43
Protanopia #757542
Tritanopia #577474
Achromatopsia #6E6E6E

Frequently Asked Questions

Fern Green (#4F7942) is a color with RGB(79, 121, 66) and HSL(105.82°, 45.45%, 47.45%).

#4F7942 pairs strongly with #6C4279 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#4F7942 is suitable for Text, Button, Logo and works well with Cool styles.

#4F7942 is commonly associated with Earthy.

The name Fern Green is linked to Fern Green from English, meaning A color resembling the typical green hue of fern leaves..

Name, History & Etymology

Origin Word Fern Green
Meaning A color resembling the typical green hue of fern leaves.
Language English
First Recorded Use Late 19th - Early 20th Century

History

The concept of 'green' is ancient, but specific named shades like 'Fern Green' are a more modern development. As botanical illustrations became more precise and color pigments more varied and stable, the need and ability to distinguish specific shades of green increased. 'Fern Green' evokes the lush, often slightly muted or earthy green found in many fern species, particularly those in shaded, damp environments. It's a naturalistic green, distinct from brighter lime greens or deeper forest greens.

First Recorded Use

The specific term 'Fern Green' as a named color likely emerged as color standardization and naming became more common in art, fashion, and industry. While green colors inspired by nature have always existed, the precise naming convention points to this period.

Cultural Associations

Fern Green is often associated with nature, tranquility, growth, and the outdoors. It can evoke feelings of peace and freshness. In design, it's frequently used to create organic, earthy, or sophisticated natural palettes. It's a popular choice for interiors, fashion, and branding that aims for an eco-friendly or natural aesthetic. It's less vibrant than some greens, giving it a more mature and grounding feel.

Similar Named Colors

Sap Green #507D2A ΔE 5.51
Dark Olive Green #556B2F ΔE 6.63
Amazon #3B7A57 ΔE 7.26
La Salle Green #087830 ΔE 7.61

Code Snippets

/* Background */
.element {
    background-color: #4F7942;
}

/* Text */
.element {
    color: #4F7942;
}

/* Border */
.element {
    border: 1px solid #4F7942;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #4F7942,
        #9642B0
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #4F7942,
        #9642B0
    );
}

// SCSS variable
$fern-green: #4F7942;

// With RGB channels (useful for rgba() usage)
$fern-green-r: 79;
$fern-green-g: 121;
$fern-green-b: 66;

// Usage
.element {
    background-color: $fern-green;
    color: rgba($fern-green-r, $fern-green-g, $fern-green-b, 0.8);
}