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
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 #009F6B from deepest shade to lightest tint.
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);
}