El verde bosque es un color rico y terroso con matices profundos y neutros. Este tono exuberante y arraigado se encuentra en la sección verde del círculo cromático, en el lado más frío, encarnando sensaciones de naturaleza, estabilidad y renovación. El verde bosque, con su tono oscuro y saturado, varía desde un verde cazador profundo hasta un verde pino, lo que lo hace ideal para transmitir una sensación de profundidad y serenidad en los diseños.
El verde bosque se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #2E6F40
- Valor RGB: 38.8% rojo, 42% verde y 18.4% 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 riqueza del verde bosque y su conexión con la naturaleza ofrecen a los diseñadores de interfaces una herramienta poderosa para crear interfaces calmantes y sofisticadas. Aquí te mostramos cómo integrarlo estratégicamente:
- Úsalo para fondos y áreas grandes. El verde bosque puede establecer un ambiente calmante e inspirado en la naturaleza en aplicaciones que promueven el bienestar o actividades al aire libre. Asegúrate de tener suficiente contraste para la legibilidad del texto probando con un verificador de contraste.
- Combínalo con neutros claros. Complementa el verde bosque con neutros claros como beige o gris suave para mantener la legibilidad y un sentido de equilibrio.
- Apuesta por el lujo. La asociación del verde bosque con el lujo y la calidad lo convierte en una excelente opción para marcas y servicios premium. Úsalo estratégicamente para acentos o botones de llamada a la acción para transmitir una sensación de exclusividad y valor.
- Considera el contexto para los tonos. Desde oscuro y dramático hasta más claro y tenue, elige un tono que complemente tu paleta de interfaces y se alinee con el mensaje que deseas transmitir. Por ejemplo, un verde bosque claro puede sentirse más accesible, mientras que un verde bosque profundo puede exudar una sensación de poder.
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 profundo y terroso que el verde bosque, considera:
- Verde cazador (#355E3B) encarna el follaje denso de un bosque, ofreciendo un tono más oscuro y ligeramente más tenue que retiene la esencia del verde bosque.
- Verde pino (#01796F) refleja el color profundo y rico de los pinos, con un toque más de azul, evocando una serenidad natural y fresca similar al verde bosque.
- Verde jungla (#29AB87) presenta una versión más brillante y vibrante, capturando el carácter animado y exuberante de la jungla mientras se mantiene fiel a la esencia verde.
- Verde británico de carreras (#004225), aunque tradicionalmente asociado con el automovilismo, comparte una profundidad e intensidad similar, encarnando la elegancia y energía arraigada del verde bosque.
Para complementar los tonos ricos del verde bosque, considera emparejarlo con:
- Naranja quemado (#BE5103) añade un contraste cálido y terroso, evocando colores otoñales y realzando la sensación natural del verde bosque.
- Crema (#FDFBD4) ofrece un fondo claro y neutral que permite que la profundidad del verde bosque destaque, creando una paleta clásica y refinada.
- Burdeos profundo (#660033) proporciona un contraste lujoso y sofisticado, enriqueciendo la paleta con profundidad y calidez.
- Oro suave (#D4AF37) introduce un toque de lujo, creando un equilibrio armonioso con la elegancia discreta del verde bosque.
- Rosa empolvado (#DCA1A1) añade un toque suave y femenino, suavizando el aspecto general y complementando la vibra natural del verde bosque.
Otros colores que vale la pena considerar incluyen gris pizarra para un look moderno y chic, lavanda para un suave contraste de color, y azul claro para una combinación refrescante y serena.
Aunque el verde bosque es versátil, puede chocar con:
- Amarillo brillante (#FFFF00) puede ser demasiado fuerte contra el verde bosque, creando un contraste discordante que resta a su naturaleza calmante.
- Azul (#0000FF), con su vibrante intensidad, puede interrumpir el efecto calmante y arraigado del verde bosque, llevando a una combinación visualmente inquietante.
- Rosa fuerte (#FF69B4), aunque animado, puede sobrepasar la sutil elegancia del verde bosque, resultando en una paleta demasiado vibrante y potencialmente abrumadora.
- Chartreuse (#CCFF00) presenta un tono excesivamente saturado que puede eclipsar la calidad profunda y rica del verde bosque.
- Púrpura profundo (#800080), aunque rico y regio, podría competir demasiado con el verde bosque, eclipsando su serenidad natural y llevando a una paleta pesada y menos armoniosa.
El verde bosque representa crecimiento, renovación y el ciclo interminable de la vida. Este tono está estrechamente asociado con el ambientalismo y la sostenibilidad, destacando un compromiso con la conservación de nuestro planeta y fomentando una relación armoniosa con la naturaleza.
En la psicología del color, el verde bosque puede promover el equilibrio y la armonía, ofreciendo una influencia calmante que puede aliviar el estrés y mejorar el bienestar. Su capacidad para crear una fuerte conexión con la naturaleza lo convierte en una presencia reconfortante.
En el diseño de UI/UX, el verde bosque puede ayudar a que una plataforma se sienta pacífica y conectada con la naturaleza. Funciona bien para marcas ecológicas o aplicaciones sobre bienestar y actividades al aire libre. Usar el verde bosque en interfaces puede crear una experiencia serena de equilibrio y rejuvenecimiento, enfatizando el compromiso de una marca con la sostenibilidad y la calidad natural. A través del uso estratégico en elementos de diseño, el verde bosque puede atraer a consumidores conscientes del medio ambiente y enfatizar mensajes de crecimiento y renovación.
El término "verde bosque" apareció por primera vez en inglés a principios del siglo XIX, inspirado en los tonos verdes profundos encontrados en los bosques densos. Ha sido utilizado en ropa y heráldica durante siglos, representando riqueza, estatus y una conexión con la tierra.
En tiempos modernos, el verde bosque ha sido adoptado por movimientos ambientales y marcas que buscan mostrar su dedicación a la sostenibilidad y la conciencia ecológica. Sus tonos intensos y exuberantes también lo han convertido en una opción popular en el diseño de interiores, la moda y el branding para sugerir estabilidad, crecimiento y la esencia de la naturaleza.
Los diseñadores aún utilizan el verde bosque para incorporar un sentido del mundo natural en su trabajo, ya sea a través de interfaces digitales, diseño de productos o branding visual.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Bosque exuberante
Baya del bosque
Gruta verde
Verificador de contraste
Contraste 6,06
- Texto grande
#2E6F40
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 3,46
- Texto grande
#2E6F40
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #2e6f40, también conocido como Verde bosque, tiene valores RGB de R:46, G:111, B:64 y valores CMYK de C:59, M:0, Y:42, K:56.
| VALUE | CSS | |
|---|---|---|
| HEX | #2e6f40 | #2e6f40 |
| RGB DECIMAL | 46, 111, 64 | RGB(46,111,64) |
| RGB PERCENTAGE | 18.0, 43.5, 25.1 | RGB(18.0%,43.5%,25.1%) |
| CMYK | 59, 0, 42, 56 | |
| HSL | HSL(136.6, 41.4%, 30.8%) | HSL(136.6, 41.4%, 30.8%) |
| HSV (OR HSB) | 136.6°, 58.6, 43.5 | |
| WEB SAFE | #5110251 | #5110251 |
| BINARY | 00101110, 01101111, 01000000 | |
| iOS - SwiftUI | Color(red: 0.180, green: 0.435, blue: 0.251) | |
| iOS - UIKit | UIColor(red: 0.180, green: 0.435, blue: 0.251, alpha: 1) | |
| Android - Compose | Color(0xFF2E6F40) |
