Green Yellow
HEX: #ADFF2F | Modern Palette
Color Specifications
#ADFF2F
173, 255, 47
83°, 100% ,59%
32, 0, 82, 0
About Green Yellow
Green Yellow (#ADFF2F) is a color with RGB(173, 255, 47) and HSL(83.7°, 100%, 59.2%). It is commonly associated with Bold moods. In design, it fits Vivid, Neon styles and is suitable for Text, Button, Accent. Its complementary color is #812FFF, which creates strong contrast. Its triadic palette includes #2FADFF and #FF2FAD. The name comes from Green Yellow (English).
- HEX: #ADFF2F
- RGB: 173, 255, 47
- HSL: 83.7°, 100%, 59.2%
- Mood: Bold
- Style: Vivid, Neon
- Use case: Text, Button, Accent
- Complementary color: #812FFF
- Triadic colors: #2FADFF, #FF2FAD
- The name comes from Green Yellow (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 #ADFF2F from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The combination of green and yellow has been observed and described since antiquity. Ancient cultures, while not always having specific names for every intermediate hue, recognized the spectrum. In art and dyeing, mixing green and yellow pigments to achieve this shade was common. With the advent of modern color science and the development of color systems (like Munsell, CIE), 'green yellow' became a more precisely defined and named color. It is often associated with the color chart position between pure green and pure yellow. The hexadecimal code #adff2f specifically refers to a very bright, light green-yellow, often called Chartreuse Green or Lime Green in common parlance, which became popular in the late 20th and early 21st centuries.
First Recorded Use
The concept of 'green-yellow' as a distinct color or a blend of green and yellow has existed for centuries. As a specific named color, its usage became more formalized with the development of color theory and standardized color naming conventions. Early references often describe objects as being 'greenish yellow' or 'yellowish green'. The specific compound 'green yellow' as a named color, rather than a description, gained prominence with color charts and scientific classification.
Cultural Associations
Green-yellow colors are often associated with nature, spring, new growth, and vitality. Lighter, brighter shades like Chartreuse or Lime Green (which #adff2f closely resembles) gained significant popularity in fashion and design in the late 20th and early 21st centuries, often conveying a sense of freshness, energy, and modernity. It can also be seen as a playful or vibrant color. In some contexts, particularly with more muted or olive tones, it can be associated with military or utilitarian aesthetics. The specific vibrancy of #adff2f gives it a more energetic and contemporary feel.
Code Snippets
/* Background */
.element {
background-color: #ADFF2F;
}
/* Text */
.element {
color: #ADFF2F;
}
/* Border */
.element {
border: 1px solid #ADFF2F;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#ADFF2F,
#812FFF
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#ADFF2F,
#812FFF
);
}// SCSS variable
$green-yellow: #ADFF2F;
// With RGB channels (useful for rgba() usage)
$green-yellow-r: 173;
$green-yellow-g: 255;
$green-yellow-b: 47;
// Usage
.element {
background-color: $green-yellow;
color: rgba($green-yellow-r, $green-yellow-g, $green-yellow-b, 0.8);
}