Green (Munsell)
HEX: #00A877 | Modern Palette
Color Specifications
#00A877
0, 168, 119
162°, 100% ,65%
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
Color Palettes
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 #00A877 from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
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.
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);
}