Lime

#00FF00

What color is Lime?

Lime is a vivid yellow-green, hex #00FF00, as bright and saturated as a fresh lime fruit. The color leans more toward green than yellow, with no gray or muted tone pulling it back.

What is the meaning of the color Lime?

Bright yellow-green pigments appear in synthetic dyes developed during the mid-19th century aniline color boom, which produced a wave of intense hues previously impossible to manufacture. The specific term lime green entered common English use by the early 20th century, tied to the color of the lime fruit grown across tropical regions and traded globally through British colonial supply chains. The color gained a strong cultural foothold in the 1960s and 1970s, when synthetic fabrics made it possible to mass-produce clothing in highly saturated shades. Fluorescent versions of the color were standardized for high-visibility safety gear, with lime yellow officially designated by ANSI standard ISEA 107 for use in occupational safety vests in the United States.

RGB
0, 255, 0
HSL
120°, 100%, 50%
CMYK
100, 0, 100, 0
HSV
120°, 100%, 100%
Lime color

What colors go with Lime?

Colors that pair well with Lime include:
Black: sharp, high-contrast anchor
White: clean, open brightness
Navy: deep, grounding balance
Hot Pink: bold, energetic clash
Charcoal: muted, softening contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #00FF00 color: #00FF00;
RGB 0, 255, 0 color: rgb(0, 255, 0);
RGB Percentage 0%, 100%, 0% color: rgb(0%, 100%, 0%);
CMYK 100%, 0%, 100%, 0% Not supported in CSS
HSL 120°, 100%, 50% color: hsl(120, 100%, 50%);
HSV 120°, 100%, 100% Not supported in CSS
CIE-LAB 40, -51, 85 color: lab(40% -51 85);
Decimal 65280 Not supported in CSS

Color Variations

Shades

#00FF00
#00E600
#00CC00
#00B300
#009900
#008000
#006600
#004D00

Tints

#B3FFB3
#99FF99
#80FF80
#66FF66
#4DFF4D
#33FF33
#1AFF1A
#00FF00

Tones

#00FF00
#0DF20D
#1AE61A
#26D926
#33CC33
#40BF40
#4DB34D
#59A659

Hues

#00FF00
#00FFBF
#0080FF
#4000FF
#FF00FF
#FF0040
#FF8000
#BFFF00

Color Harmonies

Analogous

#80FF00
Click to copy
#00FF00
Click to copy
100%
#00FF80
Click to copy

Complementary

#00FF00
Click to copy
100%
#FF00FF
Click to copy

Split Complementary

#00FF00
Click to copy
100%
#8000FF
Click to copy
#FF0080
Click to copy
98%

Triadic

#00FF00
Click to copy
100%
#0000FF
Click to copy
100%
#FF0000
Click to copy
98%

Tetradic

#00FF00
Click to copy
100%
#0080FF
Click to copy
100%
#FF00FF
Click to copy
#FF8000
Click to copy

Square

#00FF00
Click to copy
100%
#0080FF
Click to copy
100%
#FF00FF
Click to copy
#FF8000
Click to copy

CSS & Dev Snippets

CSS
.lime {
  color: #00FF00;
}
SCSS
$lime: #00FF00;
RGB
rgb(0, 255, 0)

Accessibility & Contrast

White background

1.37:1
1.37
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

15.30:1
15.30
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags