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 diversas plataformas y dispositivos digitales.
- Código HEX: #06402B
- Valor RGB: 2.4% rojo, 25.1% verde, y 16.9% azul
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 oro 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 verde claro o un color complementario para estados de hover, proporcionando una clara señal visual de que el elemento es interactivo y clickeable.
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 audaz que el verde oscuro, considera:
- Verde bosque (#2E6F40) es más claro y frío 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.
- Burdeos (#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 discordante junto al verde oscuro.
- Morado (#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 avaricia y envidia.
En la psicología del color, el verde oscuro puede evocar sentimientos de conexión. 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 interfaces, 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 en 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 verdes profundos.
Hoy en día, el verde oscuro se usa en moda, diseño de interfaces y espacios interiores para crear una atmósfera calmante o lujosa, mostrando su versatilidad.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Malaquita
Bosque
Serenidad Esmeralda
Verificador de contraste
Contraste 11,82
- Texto grande
#06402B
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 1,78
- Texto grande
#06402B
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #06402b, también conocido como 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) |
