Hunter Green

HEX: #355E3B | Modern Palette

On White
7.46:1
PASS
On Black
2.82:1
FAIL

Color Specifications

HEX
#355E3B
RGB
53, 94, 59
HSL
128°, 43% ,36%
CMYK
43.62, 0, 37.23, 63.14

About Hunter Green

Hunter Green (#355E3B) is a color with RGB(53, 94, 59) and HSL(128.78°, 43.62%, 36.86%). It is commonly associated with Calm, Earthy moods. In design, it fits Cool styles and is suitable for Text, Logo, Print. Its complementary color is #5E3558, which creates strong contrast. Its triadic palette includes #3B355E and #5E3B35. The name comes from Hunter Green (English).

  • HEX: #355E3B
  • RGB: 53, 94, 59
  • HSL: 128.78°, 43.62%, 36.86%
  • Mood: Calm, Earthy
  • Style: Cool
  • Use case: Text, Logo, Print
  • Complementary color: #5E3558
  • Triadic colors: #3B355E, #5E3B35
  • The name comes from Hunter 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 #355E3B from deepest shade to lightest tint.

Color Characteristics

Mood
Calm Earthy
Style
Cool
Use case
Text Logo Print

Accessibility Simulation

Deuteranopia #55553C
Protanopia #5B5B3B
Tritanopia #3C5A5A
Achromatopsia #555555

Frequently Asked Questions

Hunter Green (#355E3B) is a color with RGB(53, 94, 59) and HSL(128.78°, 43.62%, 36.86%).

#355E3B pairs strongly with #5E3558 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#355E3B is suitable for Text, Logo, Print and works well with Cool styles.

#355E3B is commonly associated with Calm, Earthy.

The name Hunter Green is linked to Hunter Green from English, meaning A dark shade of green, historically associated with the clothing worn by hunters..

Name, History & Etymology

Origin Word Hunter Green
Meaning A dark shade of green, historically associated with the clothing worn by hunters.
Language English
First Recorded Use Late 19th Century

History

The color 'Hunter Green' derives its name from its traditional use in hunting attire. Before the advent of modern camouflage, dark green was a practical choice for hunters in forested environments, providing a degree of concealment. This association led to the formal naming of the color. It became particularly popular in fashion and design during the 20th century, often evoking a sense of nature, tradition, and sophistication.

First Recorded Use

The term 'Hunter Green' as a specific color name gained popularity in the late 19th century, though the color itself existed long before.

Cultural Associations

Hunter Green is widely recognized and used in various cultural contexts. It is often associated with nature, forests, and the outdoors. In fashion, it can convey elegance, classic style, or a rustic aesthetic. It's also frequently seen in sports team uniforms, academic regalia, and corporate branding, often symbolizing growth, stability, or tradition. It has a strong presence in holiday decorations, particularly during Christmas.

Similar Named Colors
Mughal Green #306030 ΔE 3.56
Cal Poly Pomona Green #1E4D2B ΔE 5.95
Dartmouth Green #00693E ΔE 6.69
Cadmium Green #006B3C ΔE 7.16

Code Snippets

/* Background */
.element {
    background-color: #355E3B;
}

/* Text */
.element {
    color: #355E3B;
}

/* Border */
.element {
    border: 1px solid #355E3B;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #355E3B,
        #87357B
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #355E3B,
        #87357B
    );
}

// SCSS variable
$hunter-green: #355E3B;

// With RGB channels (useful for rgba() usage)
$hunter-green-r: 53;
$hunter-green-g: 94;
$hunter-green-b: 59;

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