El verde militar es un tono apagado de verde con matices cálidos amarillos. Su conexión con el ejército simboliza fuerza y resiliencia, mientras que su tono terroso evoca una sensación de crecimiento, equilibrio y tranquilidad.
El verde militar se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #5D6532
- Valor RGB: 36.5% rojo, 39.6% verde y 19.6% 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 militar en tus diseños:
- Llamar la atención. Cuando se combina con un fondo neutro claro como beige o crema, el verde militar guía la vista del usuario hacia elementos importantes en una página, como botones, iconos, CTAs o menús de navegación.
- Crear un tema inspirado en la naturaleza. El verde militar funciona bien para aplicaciones relacionadas con el senderismo, la jardinería u otras actividades al aire libre, enfatizando la conexión del tono con la naturaleza.
- Transmitir crecimiento y equilibrio. Las aplicaciones de bienestar, salud o cuidado personal que promueven nuevos comienzos, vitalidad y tranquilidad pueden usar el verde militar para asegurar que la UI resuene con aquellos que buscan mejorar su bienestar.
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 terroso que el verde militar, considera:
- Verde oliva (#636B2F) es un poco más claro pero comparte una calidez similar por su influencia amarilla.
- Verde cazador (#2C5F34) parece más oscuro con menos matices amarillos.
- Verde musgo (#7E8C54) irradia una sensación más ligera y aireada en comparación con el tono apagado del verde militar.
- Verde salvia (#98A869) ofrece un toque de brillo mientras mantiene las mismas cualidades terrosas.
Para complementar el verde militar, considera combinarlo con:
- Albaricoque (#FFB27F) inyecta un toque de energía mientras mantiene la naturaleza apagada del verde militar.
- Crema (#FDFBD4) proporciona una sensación cálida y natural junto al verde militar.
- Beige (#EDE8D0) crea una combinación de colores terrosos.
- Granate (#550000) realza la calidez del verde militar para una combinación de colores rica y sofisticada.
- Azul medianoche (#272757) complementa el verde militar, ofreciendo un contraste equilibrado.
Otros colores que vale la pena considerar incluyen caqui para una combinación inspirada en lo militar, verde oscuro para un aspecto monocromático y rosa claro para una sensación suave y romántica.
Aunque el verde militar es cálido, puede chocar con:
- Rosa fuerte (#FF13F0) interrumpe la naturaleza calmante del verde militar debido a su saturación.
- Rojo (#FF2C2C) crea un contraste visualmente discordante y puede ser difícil de diferenciar del verde militar para aquellos con deficiencias de color.
- Amarillo brillante (#FFED29) puede carecer de armonía con el verde militar debido a su intensidad.
- Púrpura neón (#8A00C4) es brillante y saturado, lo que puede parecer desequilibrado junto al tono terroso y apagado del verde militar.
El verde militar simboliza crecimiento y renovación, mientras que su naturaleza terrosa insinúa tranquilidad y equilibrio. Debido a su influencia militar, también lleva connotaciones de fuerza y resiliencia.
En la psicología del color, el verde militar tiene cualidades calmantes y de conexión a tierra. Puede promover sentimientos de paz y calma, mientras que su conexión con la naturaleza promueve energía renovada y vigor.
En diseño de UI, el verde militar crea una paleta de colores natural que es ideal para aplicaciones de salud, bienestar o actividades al aire libre. Cuando se combina con tonos neutros claros, el verde militar destaca, guiando la atención del usuario hacia los elementos de UI más importantes.
Durante el siglo XIX, el Ejército de los Estados Unidos adoptó uniformes de color caqui y verde oliva. Estos tonos terrosos apagados eran más prácticos que los uniformes brillantes usados anteriormente, ofreciendo mejor camuflaje en el campo de batalla. Después de la Segunda Guerra Mundial, el verde militar se convirtió en el color estándar de los uniformes del Ejército de los EE. UU., también conocido como el “uniforme verde”. En 2014, estos uniformes fueron descontinuados, y el uniforme azul del Servicio del Ejército (ASU) se convirtió en el estándar.
Sin embargo, en 2018, el Ejército de los EE. UU. anunció el lanzamiento del Uniforme de Servicio Verde del Ejército (AGSU) para honrar a los soldados de la Segunda Guerra Mundial. Para 2027, todos los soldados estarán obligados a usar este uniforme, siendo el ASU azul opcional para ceremonias formales.
Con el tiempo, el nombre del color “verde militar” se ha utilizado para representar el uso generalizado del color a lo largo de la historia militar. Hoy en día, el verde militar sigue siendo un color fundamental fuerte para muchos uniformes militares, equipo táctico y equipo, pero también se usa en moda, arte y diseño de interiores.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Tarro de pepinillos
Bosques susurrantes
Pantano
Comprobador de contraste
Contraste 6,23
- Texto largo
#5D6532
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 3,37
- Texto largo
#5D6532
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Aprobar | Desaprobar | |
Aprobar | Desaprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #5d6532, también llamado Verde militar, tiene valores RGB de R:93, G:101, B:50 y valores CMYK de C:8, M:0, Y:50, K:60.
| VALUE | CSS | |
|---|---|---|
| HEX | #5d6532 | #5d6532 |
| RGB DECIMAL | 93, 101, 50 | RGB(93,101,50) |
| RGB PERCENTAGE | 36.5, 39.6, 19.6 | RGB(36.5%,39.6%,19.6%) |
| CMYK | 8, 0, 50, 60 | |
| HSL | HSL(69.4, 33.8%, 29.6%) | HSL(69.4, 33.8%, 29.6%) |
| HSV (OR HSB) | 69.4°, 50.5, 39.6 | |
| WEB SAFE | #10210251 | #10210251 |
| BINARY | 01011101, 01100101, 00110010 | |
| iOS - SwiftUI | Color(red: 0.365, green: 0.396, blue: 0.196) | |
| iOS - UIKit | UIColor(red: 0.365, green: 0.396, blue: 0.196, alpha: 1) | |
| Android - Compose | Color(0xFF5D6532) |