Green (Munsell)

HEX: #00A877 | Modern Palette

On White
3.06:1
FAIL
On Black
6.87:1
PASS

Color Specifications

HEX
#00A877
RGB
0, 168, 119
HSL
162°, 100% ,65%
CMYK
100, 0, 29.17, 34.12

About Green (Munsell)

Green (Munsell) (#00A877) is a color with RGB(0, 168, 119) and HSL(162.5°, 100%, 65.88%). It is commonly associated with Bold, Playful moods. In design, it fits Vivid, Neon styles and is suitable for Text, Button, Accent. Its complementary color is #A80031, which creates strong contrast. Its triadic palette includes #7700A8 and #A87700. The name comes from Green (Munsell) (English).

  • HEX: #00A877
  • RGB: 0, 168, 119
  • HSL: 162.5°, 100%, 65.88%
  • Mood: Bold, Playful
  • Style: Vivid, Neon
  • Use case: Text, Button, Accent
  • Complementary color: #A80031
  • Triadic colors: #7700A8, #A87700
  • The name comes from Green (Munsell) (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Green (Munsell) #00A877 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.
 
GREEN (MUNSELL)
 
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
GREEN (MUNSELL)
 
 
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

Green (Munsell) #00A877 pairs with #A80031 as its complementary color, and #7700A8 and #A87700 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.

GREEN (MUNSELL)
Analogous

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

GREEN (MUNSELL)
Triadic

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

GREEN (MUNSELL)
Split-Complementary

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

GREEN (MUNSELL)
Tetradic (Square)

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

GREEN (MUNSELL)
Monochromatic

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

GREEN (MUNSELL)

Shades & Tints

The shade and tint range for Green (Munsell) #00A877 moves from dark #001A12 tones through the base color to lighter #E6FFF8 tones, making it useful for depth, hierarchy, and background variation.

GREEN (MUNSELL)

Color Characteristics

Mood
Bold Playful
Style
Vivid Neon
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #90907A
Protanopia #9F9F76
Tritanopia #2EA3A3
Achromatopsia #939393

Frequently Asked Questions

Green (Munsell) (#00A877) is a color with RGB(0, 168, 119) and HSL(162.5°, 100%, 65.88%).

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

#00A877 is suitable for Text, Button, Accent and works well with Vivid, Neon styles.

#00A877 is commonly associated with Bold, Playful.

The name Green (Munsell) is linked to Green (Munsell) from English, meaning A specific shade of green defined within the Munsell color system..

Name, History & Etymology

Origin Word Green (Munsell)
Meaning A specific shade of green defined within the Munsell color system.
Language English
First Recorded Use Early 20th Century

History

The Munsell color system was developed by Albert H. Munsell in the early 20th century as a way to objectively describe and specify colors based on three dimensions: hue, value (lightness), and chroma (saturation). Unlike subtractive (CMYK) or additive (RGB) color models, Munsell aimed for a perceptually uniform system, meaning that numerical differences correspond to visually equal differences in color. 'Green (Munsell)' refers to a specific point within this 3D color space, often represented by a notation like '5GY 5/8' (5 Green-Yellow, Value 5, Chroma 8) or similar, depending on the exact shade. The hex code #00a877 is an approximation of a Munsell green in the sRGB color space, as Munsell colors are not directly defined by hex codes but by their position in the Munsell solid.

First Recorded Use

1905 (publication of 'A Color Notation' by Albert H. Munsell)

Cultural Associations

The Munsell system is widely used in various fields requiring precise color communication, such as soil science, art conservation, dentistry, and industrial design. Its perceptual uniformity makes it valuable for tasks where consistent color judgment is critical. While 'green' generally symbolizes nature, growth, and freshness across many cultures, a 'Munsell green' specifically emphasizes a scientific, standardized approach to color definition rather than a symbolic one.

Similar Named Colors
Green (Crayola) #1CAC78 ΔE 1.54
Jade #00A86B ΔE 2.82
Green (NCS) #009F6B ΔE 3.06
Jungle Green #29AB87 ΔE 3.74

Code Snippets

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

/* Text */
.element {
    color: #00A877;
}

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #00A877,
        #FF5184
    );
}

// SCSS variable
$green-(munsell): #00A877;

// With RGB channels (useful for rgba() usage)
$green-(munsell)-r: 0;
$green-(munsell)-g: 168;
$green-(munsell)-b: 119;

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