Verde lima en CSS: limegreen no es lime
Un detalle que confunde a mucha gente: en CSS hay dos colores con nombres parecidos. limegreen es el verde lima de esta página, #32CD32, rgb(50, 205, 50). En cambio, lime es #00FF00, el verde puro de pantalla, con el canal verde al máximo y los demás en cero. Si escribes color: lime; esperando un verde agradable, obtendrás un verde fluorescente, casi agresivo. Ante la duda, usa el código HEX en lugar del nombre.
Energía, frescura y atención
En términos de percepción, el verde lima está en la frontera entre el verde y el amarillo. El ojo lo detecta enseguida, por eso aparece en señalización deportiva, equipos de seguridad y envases que necesitan destacar en el estante. En contextos occidentales se asocia con frescura, juventud, energía y lo “natural”, pero en exceso puede parecer artificial o ácido. Como cualquier significado del color, depende de la cultura, del sector y de lo que lo rodea.
Dónde aplicarlo
- Deporte y fitness: zapatillas, ropa deportiva y apps de entrenamiento usan verdes lima para sugerir movimiento.
- Interfaces: funciona como acento puntual (una etiqueta de “nuevo”, una barra de progreso), pero rara vez como color de texto, porque su contraste con blanco es bajo, de unos 2,1:1.
- Moda: las prendas protagonistas en verde lima combinan con neutros y con mezclilla; es más fácil llevarlo en accesorios que en un look completo.
- Decoración: cojines, macetas o una puerta pintada aportan energía a espacios grises o blancos sin dominarlos.
Paleta sugerida
Para equilibrar su intensidad, acompaña el verde lima con colores más pesados o neutros:
- Gris marengo (
#36454F): el contraste oscuro que hace brillar al lima, muy usado en marcas deportivas. - Blanco (
#FFFFFF): limpio y fresco, siempre que evites el texto verde sobre blanco. - Verde azulado (
#008080): combinación análoga que calma el conjunto. - Morado (
#800080): casi complementario, para diseños atrevidos y divertidos.
Consejo: si necesitas texto verde legible sobre fondo blanco, oscurece el tono hasta algo como #1F7A1F (contraste superior a 5:1). En modo oscuro ocurre lo contrario: el #32CD32 original ya contrasta bien sobre fondos oscuros. Pruébalo en el verificador de contraste y genera variaciones con el generador de paletas.