Vivid Lime Green
Meet Vivid Lime Green (#22AD01), a color that commands attention. Its intense, near-electric saturation bridges the gap between verdant green and zesty yellow, creating a hue that feels both organic and unapologetically digital. It's a bold addition to any designer's toolkit.
What color is Vivid Lime Green?
Vivid Lime Green is a brilliant, high-chroma color that radiates with an electric quality. It sits between yellow and green, carrying a strong yellow undertone that gives it a distinctly warm temperature.
This warmth creates a zesty and fresh appearance, much like a freshly cut lime but amplified to a near-neon intensity.
What meaning does Vivid Lime Green (#22AD01) communicate in a design?
The color psychology of Vivid Lime Green (#22AD01) is rooted in high energy, alertness, and vitality. It communicates a sense of liveliness and enthusiasm that immediately captures attention.
Symbolically, this shade points to growth and renewal. Its electric tone also gives it a modern quality, suggesting creativity, new ideas, and a departure from the expected.
How can I use Vivid Lime Green in my UI design?
Vivid Lime Green (#22AD01) works best as a potent accent. Use it sparingly for key elements like calls-to-action, notifications, or active state indicators to draw the eye without causing visual strain. It pairs cleanly with a neutral foundation of charcoal, off-whites, and deep grays, which allows its intensity to pop. For more complex palettes, consider the 60-30-10 rule, where this green serves as the 10% highlight against more subdued primary and secondary colors.
While not a ubiquitous choice, its distinctive energy is used by brands like Instacart, Bonsai, Evernote, and Citymapper to establish a memorable identity and guide user focus. Choosing a color like Vivid Lime Green can be a powerful differentiator in a crowded market, signaling freshness and forward motion.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Vivid Lime Green in real UI components from leading brands.
How to use Vivid Lime Green color codes?
To apply Vivid Lime Green in your digital projects, you can directly use its hex code, #22AD01. This six-digit code is the web standard, ensuring the color appears consistently across different browsers and displays.
While hex codes are perfect for screens, you might need other formats. RGB (Red, Green, Blue) also defines colors for digital displays, while CMYK (Cyan, Magenta, Yellow, Key) is essential for print work. Other models like HSL (Hue, Saturation, Lightness) provide a more intuitive way to modify color properties.
We've converted #22AD01 into a range of popular color code formats below. Feel free to copy the values you need for your design software or codebase.
Analogous
Analogous colors are found side-by-side on the color wheel. When paired with Vivid Lime Green, they result in a naturally cohesive and serene palette.
Complementary
To find a complementary color for Vivid Lime Green, look directly across the color wheel. This pairing produces a striking, energetic visual contrast.
Split Complementary
For Vivid Lime Green, a split complementary scheme pairs it with the two colors adjacent to its complement, offering high contrast with less visual tension.
Triadic
Triadic color schemes select three hues equally spaced on the color wheel. This method produces a vibrant, high-contrast palette when starting with Vivid Lime Green.
Tetradic
A tetradic scheme pairs Vivid Lime Green with three other hues, creating a rectangle of two complementary color pairs on the color wheel.
Square
Square color schemes pair four equidistant colors on the color wheel. Starting with Vivid Lime Green, this method builds a rich, high-contrast combination.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Vivid Lime Green, made by adding black for a weightier feel.
Tints
Tints of Vivid Lime Green are created by adding white, resulting in softer, airier variations.
Tones
Tones of Vivid Lime Green are created by adding gray, resulting in softer, less saturated variations.
Hues
Hues are variations of Vivid Lime Green, differing in intensity and temperature to create unique moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.































































































































