Yellow Green
HEX: #9ACD32 | Modern Palette
Color Specifications
#9ACD32
154, 205, 50
79°, 75% ,80%
24.88, 0, 75.61, 19.61
About Yellow Green
Yellow Green (#9ACD32) is a color with RGB(154, 205, 50) and HSL(79.74°, 75.61%, 80.39%). It is commonly associated with Playful moods. In design, it is suitable for Text, Button, Background. Its complementary color is #6532CD, which creates strong contrast. Its triadic palette includes #329ACD and #CD329A. The name comes from Yellow Green (English).
- HEX: #9ACD32
- RGB: 154, 205, 50
- HSL: 79.74°, 75.61%, 80.39%
- Mood: Playful
- Use case: Text, Button, Background
- Complementary color: #6532CD
- Triadic colors: #329ACD, #CD329A
- The name comes from Yellow 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 #9ACD32 from deepest shade to lightest tint.
Color Characteristics
Accessibility Simulation
#C0C037
#C8C831
#AAC2C2
#BDBDBD
Frequently Asked Questions
Name, History & Etymology
History
The concept of colors intermediate between primary or secondary colors has existed as long as humans have described color. 'Yellow-green' specifically describes a hue that leans more towards yellow than a pure green, but still contains significant green characteristics. In art, it's often achieved by mixing yellow and green pigments. In nature, it's abundant in new foliage, certain fruits (like limes or unripe lemons), and some minerals. The standardization of color names, including compound names like 'yellow-green,' became more prevalent with the advent of color theory, systematic botanical and zoological descriptions, and the development of more precise dyes and pigments.
First Recorded Use
The specific compound term 'yellow-green' (or 'yellow green') as a distinct color name appears to solidify in usage during the late 17th and early 18th centuries, as color descriptions became more precise in scientific and artistic contexts. Earlier descriptions might use 'greenish yellow' or 'yellowish green' without the hyphenated compound becoming a standard name.
Cultural Associations
Yellow-green is often associated with nature, growth, and freshness, particularly in the context of spring and new plant life. It can evoke feelings of vitality and youth. However, depending on the specific shade and context, it can also be associated with sickness or decay (e.g., 'bilious green' or 'sickly yellow-green'). In some cultures, specific shades of yellow-green might have unique symbolic meanings related to fertility, wealth, or even danger. The specific shade #9acd32 is a vibrant, somewhat muted yellow-green, often referred to as 'YellowGreen' in web color standards, and is quite common in natural settings.
Code Snippets
/* Background */
.element {
background-color: #9ACD32;
}
/* Text */
.element {
color: #9ACD32;
}
/* Border */
.element {
border: 1px solid #9ACD32;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#9ACD32,
#C0A7F3
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#9ACD32,
#C0A7F3
);
}// SCSS variable
$yellow-green: #9ACD32;
// With RGB channels (useful for rgba() usage)
$yellow-green-r: 154;
$yellow-green-g: 205;
$yellow-green-b: 50;
// Usage
.element {
background-color: $yellow-green;
color: rgba($yellow-green-r, $yellow-green-g, $yellow-green-b, 0.8);
}