El verde lima es un tono audaz y vibrante, conocido por su alta saturación y brillo. Este color llamativo fusiona la energía juvenil del amarillo con la frescura natural del verde, creando un color dinámico y estimulante.
El verde lima se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #89F336
- Valor RGB: 53.7% rojo, 95.3% verde y 21.2% azul
La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.
La vibrante naturaleza del verde lima lo convierte en una herramienta poderosa para el diseño de interfaces. Aquí te mostramos cómo usarlo estratégicamente:
- Destaca elementos interactivos. La naturaleza llamativa del verde lima lo hace perfecto para botones y enlaces, captando la atención del usuario e invitándolo a actuar.
- Mejora la jerarquía visual. Usa el verde lima para resaltar elementos o características importantes dentro de tu interfaz. Su tono destacado puede servir como una señal visual que ayuda a guiar a los usuarios a través de tu diseño, haciéndolo intuitivo y fácil de usar.
- Crea una estética fresca y energética. El verde lima transmite una sensación de energía e innovación, siendo particularmente efectivo para aplicaciones en los sectores de salud, bienestar y creatividad.
- Equilibra con tonos más fríos. Para evitar que el verde lima abrume el diseño, combínalo con tonos más fríos como azules o grises, o úsalo con neutros.
Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
Para variaciones dentro del mismo espectro vívido y energético que el verde lima, considera:
- Chartreuse (#CCFF00) captura el equilibrio perfecto entre amarillo y verde, ofreciendo un tono ligeramente más amarillo que comparte la vibrancia del verde lima.
- Verde neón (#2CFF05) es aún más vívido, con una calidad eléctrica que amplifica la sensación energética del verde lima.
- Verde primavera (#00FF7F) se inclina hacia un tono más cian, proporcionando una alternativa refrescante y ligeramente más fría mientras mantiene el espíritu vivaz del verde lima.
- Verde Kelly (#4CBB17) ofrece un verde más profundo y tradicional, pero aún conserva la frescura y vibrancia asociadas con el verde lima.
Para complementar los tonos dinámicos del verde lima, considera emparejarlo con:
- Púrpura profundo (#663399) introduce un contraste rico y lujoso, equilibrando el brillo del verde lima con un toque de sofisticación.
- Gris frío (#CBCBCB) ofrece un fondo neutral y contemporáneo que permite que el verde lima destaque sin abrumar los sentidos.
- Blanco (#FFFFFF) proporciona un lienzo limpio y nítido que amplifica la vibrancia del verde lima, creando una paleta moderna y energética.
- Azul cielo (#87CEEB) añade un toque calmante y sereno, equilibrando la intensidad del verde lima con un toque de tranquilidad fresca.
- Rosa fuerte (#FF69B4) para un contraste juguetón y audaz, lleno de energía y diversión, que apela a una estética juvenil y vibrante.
Otros colores que vale la pena considerar incluyen azul marino para un look clásico y elegante, coral para un ambiente cálido y veraniego, y plata para un diseño futurista y elegante.
Aunque el verde lima puede ser versátil, puede chocar con:
- Rojo anaranjado (#FF4B33) puede ser demasiado fuerte contra el verde lima, creando un contraste visualmente discordante que puede parecer incómodo.
- Siena quemada (#ED7B58), aunque terroso y cálido, podría opacar el brillo del verde lima, llevando a una combinación confusa y menos atractiva.
- Marrón oscuro (#654321) tiende a eclipsar la vibrancia del verde lima, potencialmente llevando a un aspecto pesado y menos armonioso.
- Verde oliva (#636B2F), con sus tonos apagados y terrosos, puede no proporcionar suficiente contraste o vibrancia, resultando en una paleta que carece de energía.
- Burdeos (#550000), aunque rico y profundo, puede competir demasiado con el verde lima, creando una paleta que podría sentirse abrumadora o desequilibrada.
El verde lima representa frescura, creatividad y vitalidad. Encierra crecimiento, renovación y la energía vibrante de la vida. Este color a menudo se asocia con la innovación y la conciencia ecológica, haciéndolo popular en el branding y diseño para transmitir conciencia ambiental y un espíritu juvenil y dinámico.
En la psicología del color, el brillo de este verde lima en particular puede desencadenar respuestas emocionales variadas. Su intensidad vibrante puede evocar sentimientos de energía y emoción, lo cual puede ser positivo. Sin embargo, su brillo también puede provocar sentimientos de molestia o inquietud. (Además, considera la conexión de este color con la toxicidad o el peligro en la cultura popular).
El verde lima puede ser una herramienta poderosa en el diseño de interfaces que atrae la atención y fomenta la interacción del usuario gracias a su alta visibilidad. Es particularmente efectivo para resaltar elementos clave en un sitio web o aplicación, como botones de llamada a la acción o puntos de navegación esenciales. Sin embargo, para evitar abrumar a los usuarios, úsalo estratégicamente.
Aunque los verdes amarillos vibrantes han existido durante siglos, simbolizando desde el renacimiento en el antiguo Egipto hasta la riqueza en Europa, el término verde lima solo apareció en inglés alrededor de 1890. Esto coincide con la invención de pigmentos sintéticos más brillantes que crearon el tono picante específico que conocemos hoy.
El siglo XX vio florecer al verde lima. El Art Deco abrazó su audacia, y las décadas de los 50 y 60 montaron su ola de optimismo. Sigue siendo una elección popular hoy en día para marcas frescas, juveniles o ecológicamente conscientes.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Césped del vecino
Selva neón
Energía primaveral
Verificador de contraste
Contraste 1,41
- Texto grande
#89F336
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 14,94
- Texto grande
#89F336
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #89f336, también conocido como verde lima, tiene valores RGB de R:137, G:243, B:54 y valores CMYK de C:44, M:0, Y:78, K:5.
| VALUE | CSS | |
|---|---|---|
| HEX | #89f336 | #89f336 |
| RGB DECIMAL | 137, 243, 54 | RGB(137,243,54) |
| RGB PERCENTAGE | 53.7, 95.3, 21.2 | RGB(53.7%,95.3%,21.2%) |
| CMYK | 44, 0, 78, 5 | |
| HSL | HSL(93.7, 88.7%, 58.2%) | HSL(93.7, 88.7%, 58.2%) |
| HSV (OR HSB) | 93.7°, 77.8, 95.3 | |
| WEB SAFE | #15325551 | #15325551 |
| BINARY | 10001001, 11110011, 00110110 | |
| iOS - SwiftUI | Color(red: 0.537, green: 0.953, blue: 0.212) | |
| iOS - UIKit | UIColor(red: 0.537, green: 0.953, blue: 0.212, alpha: 1) | |
| Android - Compose | Color(0xFF89F336) |
