Lawn Green
HEX: #7CFC00 | Modern Palette
Color Specifications
#7CFC00
124, 252, 0
90°, 100% ,98%
50.79, 0, 100, 1.18
About Lawn Green
Lawn Green (#7CFC00) is a color with RGB(124, 252, 0) and HSL(90.48°, 100%, 98.82%). It is commonly associated with Playful moods. In design, it fits Neon, Cool styles and is suitable for Text, Button, Background. Its complementary color is #8000FC, which creates strong contrast. Its triadic palette includes #007CFC and #FC007C. The name comes from Lawn Green (English).
- HEX: #7CFC00
- RGB: 124, 252, 0
- HSL: 90.48°, 100%, 98.82%
- Mood: Playful
- Style: Neon, Cool
- Use case: Text, Button, Background
- Complementary color: #8000FC
- Triadic colors: #007CFC, #FC007C
- The name comes from Lawn Green (English).
Live Components
Color Palettes
Lawn Green #7CFC00 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
Lawn Green #7CFC00 pairs with #8000FC as its complementary color, and #007CFC and #FC007C 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 color 'Lawn Green' is a descriptive name that emerged from the common visual experience of a healthy, vibrant grass lawn. As color standardization became more important in various industries (paint, fashion, printing), descriptive names like this were adopted to provide a common reference point. It's part of a broader trend of naming colors after natural objects or phenomena (e.g., Sky Blue, Forest Green, Apple Red). Its hexadecimal representation #7cfc00 is a bright, yellowish-green, reflecting the fresh growth of grass.
First Recorded Use
The specific color name 'Lawn Green' likely gained popularity with the standardization of color names in paint, textile, and art industries. While the concept of a 'lawn green' existed earlier, its formal naming as a distinct color can be traced to this period. For example, Crayola introduced a 'Lawn Green' crayon in 1949.
Cultural Associations
Lawn Green evokes feelings of nature, freshness, growth, and tranquility. It is often associated with spring, outdoor spaces, and environmental themes. In design, it can be used to create a natural, organic, or vibrant feel. It's a common color in gardening, outdoor furniture, and children's products. It also has associations with sustainability and eco-friendliness due to its direct link to natural landscapes.
Code Snippets
/* Background */
.element {
background-color: #7CFC00;
}
/* Text */
.element {
color: #7CFC00;
}
/* Border */
.element {
border: 1px solid #7CFC00;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#7CFC00,
#FCF9FF
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#7CFC00,
#FCF9FF
);
}// SCSS variable
$lawn-green: #7CFC00;
// With RGB channels (useful for rgba() usage)
$lawn-green-r: 124;
$lawn-green-g: 252;
$lawn-green-b: 0;
// Usage
.element {
background-color: $lawn-green;
color: rgba($lawn-green-r, $lawn-green-g, $lawn-green-b, 0.8);
}