Lime
Meet Lime, hex code #BFFF00. This electric hue sits at the brightest intersection of green and yellow, creating a pure, high-voltage color that immediately grabs attention. Its sheer intensity makes it a standout choice for any design palette.
What color is Lime?
Lime is a vivid yellow-green, sitting squarely between yellow and green on the color spectrum.
Its high saturation gives #BFFF00 an electric quality, with a bright, almost fluorescent appearance that leans towards the warmer side of green.
What is the meaning of the color Lime in design?
Lime channels the optimism of yellow and the natural harmony of green, creating a vibrant hue that communicates energy, youthfulness, and a refreshing sense of newness.
Symbolically, it stands for creativity and confidence, often evoking a feeling of zesty excitement and playful confidence that commands attention.
How can I effectively use the color Lime in my UI design?
The electric charge of Lime, #BFFF00, makes it a powerful tool for drawing the eye. Use it sparingly for accents, calls-to-action, or to highlight critical information, letting its intensity do the work. To prevent visual fatigue, ground it with deep charcoals or clean whites. For more complex palettes, an analogous pairing with yellows and greens creates a vibrant, harmonious feel, while a split-complementary scheme offers a dynamic yet balanced composition.
While not overwhelmingly common, this family of bright greens is used by brands like Grammarly, KOHO, and Dave to project a modern and energetic identity. Its infrequent use in the market means it offers a clear opportunity for a product to establish a truly distinct and memorable visual signature.
Explore the tools below to find curated palettes, test color contrast for accessibility, and preview how Lime appears in the user interface components of top brands.
Using Lime color codes
Working with Lime starts with its hex code, #BFFF00. This value defines its appearance on digital screens, but it's just one of many ways to represent the color across different media and workflows.
Every color model serves a specific purpose. While a hex code is a staple for web development, you might work with its RGB (Red, Green, Blue) values in digital design software. For print projects, converting to CMYK (Cyan, Magenta, Yellow, Key/Black) is necessary for accurate reproduction on paper. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to modify the color.
To help you get started, we've converted #BFFF00 into its corresponding values for several popular formats. You can find and copy them right below.
Analogous
Analogous color schemes use colors adjacent to Lime on the color wheel. This combination creates a harmonious and visually pleasing palette, often perceived as serene.
Complementary
Complementary colors sit directly opposite each other on the color wheel. When paired with Lime, these hues create a striking, high-contrast visual effect.
Split Complementary
A split complementary scheme for Lime uses the two colors adjacent to its direct complement, offering a vibrant yet balanced high-contrast palette.
Triadic
A triadic harmony uses three colors equidistant on the color wheel. This creates a high-contrast and balanced palette, shown here with Lime as a base.
Tetradic
A tetradic color scheme uses four colors that form a rectangle on the color wheel. These palettes are built with two complementary color pairs, starting with Lime.
Square
A square color scheme pairs Lime with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Lime, created by adding black to introduce depth and weight.
Tints
Tints are lighter versions of Lime, created by adding white for a softer effect.
Tones
Tones of Lime are created by mixing in gray, resulting in softer, less saturated variations.
Hues
Hues are variations of Lime, altering its intensity and temperature to create different visual 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.
