Verde militar é um tom suave de verde com nuances quentes de amarelo. Sua conexão com o militarismo simboliza força e resiliência, enquanto seu tom terroso evoca uma sensação de crescimento, equilíbrio e tranquilidade.

Verde militar é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #5D6532
- Valor RGB: 36,5% vermelho, 39,6% verde e 19,6% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Aqui estão algumas maneiras de usar o verde militar em seus designs:
- Atraia atenção. Quando combinado com um fundo neutro claro como bege ou creme, o verde militar guia o olhar do usuário para elementos importantes em uma página, como botões, ícones, CTAs ou menus de navegação.
- Crie um tema inspirado na natureza. Verde militar funciona bem para aplicativos relacionados a caminhadas, jardinagem ou outras atividades ao ar livre, enfatizando a conexão da cor com a natureza.
- Transmita crescimento e equilíbrio. Aplicativos de bem-estar, saúde ou autocuidado que promovem novos começos, vitalidade e tranquilidade podem usar o verde militar para garantir que a UI ressoe com aqueles que buscam melhorar o bem-estar.
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise as considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro terroso que o verde militar, considere:
- Verde oliva (#636B2F) é um pouco mais claro, mas compartilha uma similaridade de calor devido à influência do amarelo.
- Verde caçador (#2C5F34) parece mais escuro com menos nuances de amarelo.
- Verde musgo (#7E8C54) irradia uma sensação mais leve e arejada em comparação com o tom suave do verde militar.
- Verde sálvia (#98A869) oferece um toque de brilho enquanto mantém as mesmas qualidades terrosas.
Para complementar o verde militar, considere combiná-lo com:
- Damásco (#FFB27F) injeta uma dose de energia enquanto mantém a natureza suave do verde militar.
- Creme (#FDFBD4) proporciona uma sensação quente e natural ao lado do verde militar.
- Bege (#EDE8D0) cria uma combinação de cores terrosas.
- Bordô (#550000) realça o calor do verde militar para uma combinação de cores rica e sofisticada.
- Azul meia-noite (#272757) complementa o verde militar, oferecendo um contraste equilibrado.
Outras cores que valem a pena considerar incluem cáqui para uma combinação inspirada no militar, verde escuro para um visual monocromático e rosa claro para uma sensação suave e romântica.
Embora o verde militar seja quente, ele pode entrar em conflito com:
- Rosa choque (#FF13F0) perturba a natureza calmante do verde militar devido à sua saturação.
- Vermelho (#FF2C2C) cria um contraste visualmente chocante e pode ser difícil para aqueles com deficiências de cor diferenciar do verde militar.
- Amarelo brilhante (#FFED29) pode faltar harmonia com o verde militar por causa de sua intensidade.
- Roxo neon (#8A00C4) é brilhante e saturado, o que pode parecer desequilibrado ao lado do tom terroso e suave do verde militar.
Verde militar simboliza crescimento e renovação, enquanto sua natureza terrosa sugere tranquilidade e equilíbrio. Devido à sua influência militar, também carrega conotações de força e resiliência.
Na psicologia das cores, o verde militar possui qualidades calmantes e de aterramento. Pode promover sensações de paz e tranquilidade, enquanto sua conexão com a natureza promove energia renovada e vigor.
No design de UI, o verde militar cria uma paleta de cores natural que é ideal para aplicativos de saúde, bem-estar ou atividades ao ar livre. Quando combinado com tons neutros claros, o verde militar se destaca, guiando a atenção do usuário para os elementos de UI mais importantes.
Durante o século 19, o Exército dos Estados Unidos adotou uniformes de cor cáqui e verde oliva. Esses tons terrosos suaves eram mais práticos do que os uniformes brilhantes usados anteriormente, oferecendo melhor camuflagem no campo de batalha. Após a Segunda Guerra Mundial, o verde militar tornou-se a cor padrão do uniforme do Exército dos EUA, também conhecido como o “uniforme Verde”. Em 2014, esses uniformes foram descontinuados, e o uniforme azul do Exército (ASU) tornou-se o padrão.
No entanto, em 2018, o Exército dos EUA anunciou o lançamento do Uniforme de Serviço Verde do Exército (AGSU) para homenagear os soldados da Segunda Guerra Mundial. Até 2027, todos os soldados serão obrigados a usar este uniforme, com o ASU azul tornando-se opcional para cerimônias formais.
Com o tempo, o nome da cor “verde militar” tem sido usado para representar o uso generalizado da cor ao longo da história militar. Hoje, o verde militar continua sendo uma cor fundamental para muitos uniformes militares, equipamentos táticos e equipamentos, mas também é usado na moda, arte e design de interiores.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Pote de Picles
Bosques Sussurrantes
Pântano
Verificador de contraste
Contraste 6,23
- Texto grande
#5D6532
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 3,37
- Texto grande
#5D6532
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #5d6532, conhecida como Verde militar, tem valores RGB de R:93, G:101, B:50 e 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) |


