Lemon Lime

HEX: #E3FF00 | Modern Palette

On White
1.13:1
FAIL
On Black
18.57:1
PASS

Color Specifications

HEX
#E3FF00
RGB
227, 255, 0
HSL
66°, 100% ,100%
CMYK
10.98, 0, 100, 0

About Lemon Lime

Lemon Lime (#E3FF00) is a color with RGB(227, 255, 0) and HSL(66.59°, 100%, 100%). It is commonly associated with Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Background. Its complementary color is #1C00FF, which creates strong contrast. Its triadic palette includes #00E3FF and #FF00E3. The name comes from Lemon Lime (English).

  • HEX: #E3FF00
  • RGB: 227, 255, 0
  • HSL: 66.59°, 100%, 100%
  • Mood: Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Background
  • Complementary color: #1C00FF
  • Triadic colors: #00E3FF, #FF00E3
  • The name comes from Lemon Lime (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

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 #E3FF00 from deepest shade to lightest tint.

Color Characteristics

Mood
Playful
Style
Neon Warm
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #F7F710
Protanopia #FCFC00
Tritanopia #F4F0F0
Achromatopsia #F1F1F1

Frequently Asked Questions

Lemon Lime (#E3FF00) is a color with RGB(227, 255, 0) and HSL(66.59°, 100%, 100%).

#E3FF00 pairs strongly with #1C00FF as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#E3FF00 is suitable for Text, Button, Background and works well with Neon, Warm styles.

#E3FF00 is commonly associated with Playful.

The name Lemon Lime is linked to Lemon Lime from English, meaning A combination of the flavors or colors of lemon and lime fruits..

Name, History & Etymology

Origin Word Lemon Lime
Meaning A combination of the flavors or colors of lemon and lime fruits.
Language English
First Recorded Use Late 20th Century

History

The individual fruits, lemon and lime, have long histories of cultivation and use across various cultures for culinary, medicinal, and aromatic purposes. The pairing of their flavors, often for a tart and refreshing taste, became a popular combination in Western food and beverage industries. The color 'Lemon Lime' (#e3ff00) specifically refers to a bright, yellowish-green hue that evokes the vibrant appearance of both fruits, particularly when their zest or juice is combined. This color gained popularity in fashion, design, and branding, especially in eras that favored bright and energetic palettes.

First Recorded Use

The exact first use of 'Lemon Lime' as a compound term is difficult to pinpoint, but its widespread use in beverages and candies became prominent in the mid to late 20th century, particularly with the rise of carbonated soft drinks featuring this flavor profile.

Cultural Associations

The 'Lemon Lime' flavor is iconic in the soft drink industry, with brands like Sprite and 7 Up being globally recognized. It's associated with refreshment, summer, and a zesty, clean taste. As a color, it often conveys vibrancy, youthfulness, and a modern aesthetic. It can be seen in athletic wear, casual fashion, and sometimes in interior design for a pop of energetic color.

Similar Named Colors
Chartreuse (traditional) #DFFF00 ΔE 0.72
Fluorescent Yellow #CCFF00 ΔE 3.91
Lemon Glacier #FDFF00 ΔE 5.01
Yellow (RYB) #FEFE33 ΔE 5.14

Code Snippets

/* Background */
.element {
    background-color: #E3FF00;
}

/* Text */
.element {
    color: #E3FF00;
}

/* Border */
.element {
    border: 1px solid #E3FF00;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #E3FF00,
        #FFFFFF
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #E3FF00,
        #FFFFFF
    );
}

// SCSS variable
$lemon-lime: #E3FF00;

// With RGB channels (useful for rgba() usage)
$lemon-lime-r: 227;
$lemon-lime-g: 255;
$lemon-lime-b: 0;

// Usage
.element {
    background-color: $lemon-lime;
    color: rgba($lemon-lime-r, $lemon-lime-g, $lemon-lime-b, 0.8);
}