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 varias plataformas y dispositivos digitales.
- Código HEX: #89F336
- Valor RGB: 53.7% rojo, 95.3% verde y 21.2% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
La vibrancia del verde lima lo convierte en una herramienta poderosa para el diseño de UI. 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 incitándolos 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 UI, haciéndola intuitiva 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, haciéndolo 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 cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
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 combinarlo 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 nítido y limpio 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 que está lleno de energía y diversión, atrayendo 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-naranja (#FF4B33) puede ser demasiado fuerte contra el verde lima, creando un contraste visualmente discordante que puede parecer inquietante.
- 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.
- Granate (#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 eco-amigabilidad, 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 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 UI 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 CTA 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 los años 50 y 60 montaron su ola de optimismo. Sigue siendo una elección popular hoy en día para marcas frescas, juveniles o eco-conscientes.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Césped del vecino
Selva neón
Energía primaveral
Comprobador de contraste
Contraste 1,41
- Texto largo
#89F336
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 14,94
- Texto largo
#89F336
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #89f336, también llamado 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) |
