Green (NCS)
HEX: #009F6B | Modern Palette
Color Specifications
#009F6B
0, 159, 107
160°, 100% ,62%
100, 0, 32.7, 37.65
About Green (NCS)
Green (NCS) (#009F6B) is a color with RGB(0, 159, 107) and HSL(160.38°, 100%, 62.35%). 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 #9F0034, which creates strong contrast. Its triadic palette includes #6B009F and #9F6B00. The name comes from Green (English).
- HEX: #009F6B
- RGB: 0, 159, 107
- HSL: 160.38°, 100%, 62.35%
- Mood: Bold, Playful
- Style: Vivid, Neon
- Use case: Text, Button, Accent
- Complementary color: #9F0034
- Triadic colors: #6B009F, #9F6B00
- The name comes from Green (English).
Live Components
Color Palettes
Green (NCS) #009F6B is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.
Color Harmonies
Green (NCS) #009F6B pairs with #9F0034 as its complementary color, and #6B009F and #9F6B00 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.
Frequently Asked Questions
Name, History & Etymology
History
The word 'green' comes from the Old English 'grēne', which, like the German 'grün' and Dutch 'groen', has its roots in a Proto-Germanic word. This in turn comes from the Proto-Indo-European root '*ghre- ' meaning 'to grow, to be green'. This etymology directly links the color to vegetation, growth, and life. Throughout history, green has been associated with nature, fertility, and rebirth. In medieval times, it was often the color of merchants, bankers, and sometimes even lovers. It also held symbolic meaning in heraldry. The specific shade "Green (NCS)" refers to a color defined by the Natural Color System (NCS), a perceptual color model based on how humans see color, rather than on physical properties like wavelength. NCS aims to describe colors based on their similarity to six elementary colors: white, black, red, yellow, green, and blue.
First Recorded Use
Before 7th century (as 'grēne')
Cultural Associations
**Nature and Environment:** Universally associated with nature, plants, forests, and environmentalism. **Fertility and Growth:** Symbolizes fertility, growth, renewal, and spring. **Luck:** In some Western cultures, green is considered a lucky color (e.g., four-leaf clovers). **Money:** In the United States, green is strongly associated with money due to the color of dollar bills. **Islam:** Green is considered the traditional color of Islam, often seen in flags and religious texts, symbolizing paradise. **Safety:** Often used for 'go' signals, safety signs, and first aid. **Jealousy/Envy:** The phrase 'green with envy' or 'green-eyed monster' links the color to these negative emotions. **Ireland:** Strongly associated with Ireland, St. Patrick's Day, and its lush landscapes. **Health and Wellness:** Often used in branding for health products, organic foods, and wellness industries.
Code Snippets
/* Background */
.element {
background-color: #009F6B;
}
/* Text */
.element {
color: #009F6B;
}
/* Border */
.element {
border: 1px solid #009F6B;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#009F6B,
#FF3F7E
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#009F6B,
#FF3F7E
);
}// SCSS variable
$green-(ncs): #009F6B;
// With RGB channels (useful for rgba() usage)
$green-(ncs)-r: 0;
$green-(ncs)-g: 159;
$green-(ncs)-b: 107;
// Usage
.element {
background-color: $green-(ncs);
color: rgba($green-(ncs)-r, $green-(ncs)-g, $green-(ncs)-b, 0.8);
}