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
Yellow Green #9ACD32 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
Yellow Green #9ACD32 pairs with #6532CD as its complementary color, and #329ACD and #CD329A in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.
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);
}