Skip to content

Lime

Lime is a medium, vivid color from the green family. Hex code #00FF00.

Lime#00FF00

Color codes

  • CSS namelime
  • HEX#00FF00
  • RGBrgb(0 255 0)
  • HSLhsl(120 100% 50%)
  • HSB / HSVhsb(120, 100%, 100%)
  • OKLCHoklch(86.6% 0.295 142.5)
  • CMYKcmyk(100%, 0%, 100%, 0%)

White text

1.37:1 · fails WCAG

Black text

15.30:1 · passes WCAG AAA

Shades

50#D9FED5
100#48FD41
200#05DF04
300#2EBB2A
400#1D9C1A
500#047F03
600#076106
700#014501
800#012B01

Complementary

#00FF00
#F4BDFB

Analogous

#00FF00
#D6DE3D
#37F4C8

Triadic

#00FF00
#BED4FC
#FDC2BF

About this color

Lime in CSS and design

Lime is a medium, vivid color from the green family. Lime is one of the 16 basic color keywords, which go back to HTML 4, long before CSS had 148 named colors.

Lime is the pure, brightest green of the RGB model (#00FF00). The CSS keyword green is a darker #008000.

Use it in CSS by name or by any of its codes; these all give the same color:

color: lime;
color: #00FF00;
color: rgb(0 255 0);
color: hsl(120 100% 50%);

For text on lime, black reads best. Check other combinations with the contrast checker, or browse all CSS color names.

Frequently asked questions

What is the hex code for lime?

#00FF00. In CSS you can also use the keyword lime, which works in every browser.

What is lime in RGB and HSL?

In RGB it is rgb(0 255 0), in HSL hsl(120 100% 50%). For print, cmyk(100%, 0%, 100%, 0%) is a starting point, but CMYK depends on paper and ink, so check with your printer.

Should I use black or white text on lime?

Black text works better: it has a contrast ratio of 15.30:1 and passes WCAG AAA. White text reaches 1.37:1.

Which colors go with lime?

Its complementary color is #F4BDFB, on the opposite side of the color wheel. For a calmer look, combine it with its analogous neighbors #D6DE3D and #37F4C8. The palette generator builds more combinations.