Codes & values
- Color Name
Lime - Color ID
KDF-C-00065280 - HEX
#00FF00 - RGB
rgb(0, 255, 0) - RGBA
rgba(0, 255, 0, 1) - HSL
hsl(120, 100%, 50%) - HSLA
hsla(120, 100%, 50%, 1) - HSV / HSB
hsv(120, 100%, 100%) - CMYK
cmyk(100%, 0%, 100%, 0%) - Light / Dark
mid
Quick answers
- What is the HEX code for Lime?
- #00FF00
- What is Lime RGB?
- rgb(0, 255, 0)
- What is Lime HSL?
- hsl(120, 100%, 50%)
- What is Lime CMYK?
- cmyk(100%, 0%, 100%, 0%)
What is Lime?
Lime is a curated green family color at #00FF00. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Lime HEX code
The HEX code for Lime is #00FF00. Paste it into CSS as color: #00FF00; or background-color: #00FF00;. Design tools accept the same six-digit value without the # prefix (00ff00).
Lime RGB
Lime in RGB is rgb(0, 255, 0) (channels R 0, G 255, B 0). Use RGB when you need opacity via rgba(0, 255, 0, 1).
Lime HSL & HSV
HSL is hsl(120, 100%, 50%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(120, 100%, 100%), closer to how many digital pickers expose hue, saturation, and brightness.
Lime CMYK
Approximate CMYK for Lime is cmyk(100%, 0%, 100%, 0%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Lime
Darker shades (mixed toward black): #00D500, #00AA00, #008000, #005500, #002A00. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Lime
Lighter tints (mixed toward white): #2BFF2B, #55FF55, #80FF80, #AAFFAA, #D5FFD5. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Lime
Complementary pairing: #00FF00, #FF00FF. Analogous neighbors: #80FF00, #00FF00, #00FF80. Triadic accents: #00FF00, #0000FF, #FF0000. Always check text contrast when pairing.
Lime color combinations
A practical combo: primary #00FF00, complementary accent #FF00FF, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #00FF00, #7F00FF, #FF0080.
Lime in web design
Green signals success, growth, and eco brands. Mid greens pass AA on white more often than neon limes; forest tones suit nature and finance trust UI.
Lime in branding
Brand greens communicate sustainability, health, and Islamic / South Asian retail trust signals when carefully chosen. Contrast vs white is 1.37:1 (better as a large accent or background than small body text); vs black 15.30:1.
Lime as a neon accent
Lime reads neon/electric. Prefer dark backgrounds, use sparingly for logos and nightlife creatives, and verify contrast for any overlaid text.
Frequently asked questions
- What is the HEX code for Lime?
- Lime: #00FF00.
- What is Lime RGB?
- Lime: rgb(0, 255, 0).
- What is Lime HSL?
- Lime: hsl(120, 100%, 50%).
- What is Lime CMYK?
- Lime: cmyk(100%, 0%, 100%, 0%).
- What colors go with Lime?
- Try complementary #00FF00, #FF00FF or analogous #80FF00, #00FF00, #00FF80.
- Is Lime good for text on white?
- Not ideal for small body text (1.37:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 1.37:1 (prefer large accent or background). Contrast vs black: 15.30:1. Complementary swatch: #00FF00, #FF00FF.
Explore related
Green colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK