El verde oscuro es un tono profundo de verde ubicado entre el cian y el verde en el círculo cromático. Debido a sus cualidades terrenales y de conexión, este tono se asocia comúnmente con sentimientos de crecimiento, abundancia y éxito.
El verde oscuro se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #06402B
- Valor RGB: 2.4% rojo, 25.1% verde y 16.9% 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 Contenido Web.
Aquí hay algunas formas de usar el verde oscuro en tus diseños:
- Transmitir una sensación natural. Cuando se combina con tonos neutros como marrón, crema o beige, el verde oscuro puede crear una paleta de colores terrenal, ideal para interfaces que ofrecen productos orgánicos o ecológicos.
- Promover exclusividad. Un fondo verde oscuro puede crear una atmósfera sofisticada, ideal para promover productos o membresías de alta gama. Usa texto blanco para asegurar la legibilidad y colores como el dorado para realzar la estética lujosa.
- Significar estados de éxito. Usa el verde oscuro para indicar acciones y estados positivos del usuario, como barras de progreso, marcas de verificación o mensajes de éxito. Combínalo con un tono de verde claro o un color complementario para los estados de hover, dando una clara señal visual de que el elemento es interactivo y clicable.
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 audaz que el verde oscuro, considera:
- Verde bosque (#2E6F40) es más claro y fresco porque tiene un toque más de azul.
- Verde cazador (#2C5F34) se inclina más hacia el amarillo, capturando la esencia de un bosque exuberante.
- Verde esmeralda (#00674F) tiene una apariencia de tono joya con matices azules.
- Verde oliva (#636B2F) tiene matices amarillos más visibles con un atractivo natural similar.
Para complementar el verde oscuro, considera combinarlo con:
- Beige (#EDE8D0) proporciona calidez para suavizar el tono profundo del verde oscuro.
- Chocolate (#713600) aporta riqueza para crear una combinación de colores terrenal pero elegante.
- Amarillo mostaza (#FFCE1B) puede añadir un toque de brillo y diversión cuando se combina con verde oscuro.
- Rosa suave (#E89EB8) añade un contraste suave para crear una combinación de colores romántica.
- Granate (#550000) comparte una profundidad similar para un esquema de color dramático y melancólico.
Otros colores que vale la pena considerar incluyen azul marino para una combinación sofisticada, gris frío para añadir un toque de brillo, y salvia para una sensación orgánica.
Aunque el verde oscuro es profundo, puede chocar con:
- Magenta (#FD3DB5) es altamente saturado y puede parecer visualmente chocante junto al verde oscuro.
- Púrpura (#9D00FF) crea un contraste fuerte con poco atractivo visual.
- Verde neón (#2CFF05) tiene una intensidad que puede abrumar la riqueza del verde oscuro.
- Plata (#C4C4C4) en grandes cantidades puede crear una atmósfera fría y estéril cuando se combina con verde oscuro.
El verde oscuro simboliza crecimiento, abundancia y lujo. También lleva connotaciones de riqueza y éxito, pero a veces puede significar codicia y envidia.
En la psicología del color, el verde oscuro puede evocar sentimientos de conexión a tierra. Su tono profundo y conexión con la naturaleza ofrecen una sensación de equilibrio y estabilidad mientras fomentan nuevos comienzos.
En diseño de UI, el verde oscuro puede crear una interfaz lujosa como color principal o una sensación orgánica cuando se combina con otros tonos naturales. Úsalo como color de retroalimentación dentro de barras de progreso, casillas de verificación u otros elementos de UI que confirmen acciones del usuario.
Los antiguos egipcios usaban malaquita, un pigmento verde a base de cobre, en pinturas de tumbas para simbolizar el más allá y la resurrección. Los romanos también usaban otro pigmento verde popular, el cardenillo, en pinturas y murales. Eventualmente, los avances en pigmentos llevaron a la creación del verde oscuro y otros tonos de verde profundo.
Hoy en día, el verde oscuro se usa en moda, diseño de UI y espacios interiores para crear una atmósfera calmante o lujosa, mostrando su versatilidad.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Malaquita
Bosque
Serenidad Esmeralda
Comprobador de contraste
Contraste 11,82
- Texto largo
#06402B
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 1,78
- Texto largo
#06402B
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #06402b, también llamado Verde oscuro, tiene valores RGB de R:6, G:64, B:43 y valores CMYK de C:91, M:0, Y:33, K:75.
| VALUE | CSS | |
|---|---|---|
| HEX | #06402b | #06402b |
| RGB DECIMAL | 6, 64, 43 | RGB(6,64,43) |
| RGB PERCENTAGE | 2.4, 25.1, 16.9 | RGB(2.4%,25.1%,16.9%) |
| CMYK | 91, 0, 33, 75 | |
| HSL | HSL(158.3, 82.9%, 13.7%) | HSL(158.3, 82.9%, 13.7%) |
| HSV (OR HSB) | 158.3°, 90.6, 25.1 | |
| WEB SAFE | #05151 | #05151 |
| BINARY | 00000110, 01000000, 00101011 | |
| iOS - SwiftUI | Color(red: 0.024, green: 0.251, blue: 0.169) | |
| iOS - UIKit | UIColor(red: 0.024, green: 0.251, blue: 0.169, alpha: 1) | |
| Android - Compose | Color(0xFF06402B) |