Moss Green

HEX: #ADDFAD | Modern Palette

On White
1.51:1
FAIL
On Black
13.94:1
PASS

Color Specifications

HEX
#ADDFAD
RGB
173, 223, 173
HSL
120°, 43% ,77%
CMYK
22, 0, 22, 13

About Moss Green

Moss Green (#ADDFAD) is a color with RGB(173, 223, 173) and HSL(120°, 43.9%, 77.6%). It is commonly associated with Calm moods. In design, it fits Cool styles and is suitable for Text, Print. Its complementary color is #DFADDF, which creates strong contrast. Its triadic palette includes #ADADDF and #DFADAD. The name comes from Moss Green (English).

  • HEX: #ADDFAD
  • RGB: 173, 223, 173
  • HSL: 120°, 43.9%, 77.6%
  • Mood: Calm
  • Style: Cool
  • Use case: Text, Print
  • Complementary color: #DFADDF
  • Triadic colors: #ADADDF, #DFADAD
  • The name comes from Moss Green (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Moss Green #ADDFAD is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
 
MOSS GREEN
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
MOSS GREEN
 
 
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

Moss Green #ADDFAD pairs with #DFADDF as its complementary color, and #ADADDF and #DFADAD in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

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

MOSS GREEN
Analogous

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

MOSS GREEN
Triadic

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

MOSS GREEN
Split-Complementary

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

MOSS GREEN
Tetradic (Square)

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

MOSS GREEN
Monochromatic

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

MOSS GREEN

Shades & Tints

The shade and tint range for Moss Green #ADDFAD moves from dark #071207 tones through the base color to lighter #EDF8ED tones, making it useful for depth, hierarchy, and background variation.

MOSS GREEN

Color Characteristics

Mood
Calm
Style
Cool
Use case
Text Print

Accessibility Simulation

Deuteranopia #D2D2AE
Protanopia #DADAAD
Tritanopia #B5DADA
Achromatopsia #D2D2D2

Frequently Asked Questions

Moss Green (#ADDFAD) is a color with RGB(173, 223, 173) and HSL(120°, 43.9%, 77.6%).

#ADDFAD pairs strongly with #DFADDF as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#ADDFAD is suitable for Text, Print and works well with Cool styles.

#ADDFAD is commonly associated with Calm.

The name Moss Green is linked to Moss Green from English, meaning A color resembling the typical green of mosses..

Name, History & Etymology

Origin Word Moss Green
Meaning A color resembling the typical green of mosses.
Language English
First Recorded Use Late 18th - Early 19th Century

History

The concept of 'green' has existed since ancient times, but the precise naming of specific shades like 'Moss Green' is a more modern phenomenon. As dyes and pigments became more sophisticated and widely available, and as fashion and interior design began to demand more precise color communication, descriptive names like 'Moss Green' emerged. It evokes the natural, muted, and often slightly yellowish-green found in various types of moss. Its popularity has waxed and waned, often resurfacing during periods that emphasize natural aesthetics, rustic charm, or earthy palettes.

First Recorded Use

The specific compound term 'Moss Green' likely gained traction as a named color in fashion, textiles, and art during the late 18th or early 19th century, as the naming of specific shades became more common. 'Moss' as a descriptive term for color would have existed earlier.

Cultural Associations

Moss Green is widely associated with nature, forests, tranquility, and organic elements. It often conveys a sense of calm, stability, and earthiness. In fashion, it can be seen as sophisticated and understated. In interior design, it's used to bring a sense of the outdoors in, promoting relaxation. It's also a common color in military camouflage due to its natural blending properties in many environments.

Similar Named Colors
Celadon #ACE1AF ΔE 0.65
Granny Smith Apple #A8E4A0 ΔE 3.91
Teal Deer #99E6B3 ΔE 4.37
Turquoise Green #A0D6B4 ΔE 4.95

Code Snippets

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

/* Text */
.element {
    color: #ADDFAD;
}

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #ADDFAD,
        #DFADDF
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #ADDFAD,
        #DFADDF
    );
}

// SCSS variable
$moss-green: #ADDFAD;

// With RGB channels (useful for rgba() usage)
$moss-green-r: 173;
$moss-green-g: 223;
$moss-green-b: 173;

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