Verde musgo é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #7E8C54
- Valor RGB: 49,4% vermelho, 54,9% verde e 32,9% 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 musgo em seus designs:
- Crie uma estética relaxante. Combinar verde musgo com cores complementares como sálvia e lilás pode criar um ambiente relaxante para os usuários.
- Retrate progresso. Utilize a estética natural e orientada para o crescimento do verde musgo para sinalizar conclusão em processos de múltiplas etapas. Isso pode retratar um progresso calmo, ao contrário de verdes mais brilhantes que podem transmitir urgência.
- Promova um design ecológico. Use os tons terrosos do verde musgo em seus banners e ícones na Web para reforçar sutilmente a consciência ecológica e a sustentabilidade dentro do seu design.
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 considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro terroso que o verde musgo, considere:
- Verde oliva (#636B2F) é um tom mais brilhante que está mais próximo do amarelo na roda de cores.
- Sálvia (#BBB791) é menos saturado que o verde musgo, lembrando uma planta do deserto.
- Sálvia verde (#98A869) é uma cor vibrante que lembra um pinheiro recém-regado.
Para complementar o verde musgo, considere combiná-lo com:
- Lavanda (#D3D3FF) sinergiza naturalmente com verde musgo, evocando as cores de um buquê de lavanda.
- Laranja queimado (#BE5103) combina bem com verde musgo para criar um esquema de cores de oásis no deserto.
- Branco (#FFFFFF) cria um contraste limpo e arejado, destacando o verde musgo sem sobrecarregar o design.
- Verde floresta (#2E6F40) cria uma sensação sofisticada e fundamentada, perfeita para paletas luxuosas.
Outras cores que valem a pena considerar incluem marrom para uma sensação quente e acolhedora, verde esmeralda para um esquema de cores monocromático, e verdes mais claros como sálvia para criar uma paleta harmoniosa.
Embora o verde musgo seja terroso e tranquilo, ele pode entrar em conflito com:
- Preto (#000000) pode contradizer a vivacidade do verde musgo, criando uma sensação de podridão ou decadência.
- Azul céu (#82C8E5) tem uma leveza suave que pode não se harmonizar com o verde musgo.
- Ouro (#EFBF04) é uma cor brilhante que pode sobrepujar o tom suave do verde musgo.
- Rosa suave (#E89EB8) pode fazer o verde musgo parecer desbotado, criando uma paleta desequilibrada.
- Cobre (#C68346) tem tons quentes de marrom-avermelhado que podem criar uma sensação de desarmonia com os tons frios do verde musgo.
Todos os tons de verde estão associados à vida, saúde e natureza. Isso é verdade para o verde musgo, que simboliza crescimento, assim como um pedaço de musgo que você encontraria na natureza.
Na psicologia das cores, o verde inspira regeneração e bem-estar. O musgo cresce em todos os lugares — de florestas úmidas a desertos áridos — por isso a cor verde musgo também evoca sentimentos de resiliência e fortaleza.
No design de UI, as qualidades tranquilas do verde musgo podem acalmar os usuários e funcionar bem em sites de saúde e botânica. Verde musgo também é uma excelente escolha para sites bancários que desejam promover sentimentos de estabilidade e segurança para os usuários.
O primeiro uso registrado da expressão “verde musgo” foi em 1884 para descrever um tom de verde que se assemelha a um pedaço de musgo. Essa cor naturalista viu um aumento de uso na Europa em tudo, desde moda até design de interiores. Em 1915, o exército francês começou a empregar camuflagem que incorporava verde musgo e outros tons de verde em operações florestais.
Contemporaneamente, o verde musgo experimentou um ressurgimento em popularidade devido à prevalência da arte de parede de musgo no final dos anos 2010–2020.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Samambaia
Mística
Refúgio Ecológico
Verificador de contraste
Contraste 3,64
- Texto grande
#7E8C54
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Contraste 5,77
- Texto grande
#7E8C54
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #7e8c54, conhecida como Verde musgo, tem valores RGB de R:126, G:140, B:84 e valores CMYK de C:10, M:0, Y:40, K:45.
| VALUE | CSS | |
|---|---|---|
| HEX | #7e8c54 | #7e8c54 |
| RGB DECIMAL | 126, 140, 84 | RGB(126,140,84) |
| RGB PERCENTAGE | 49.4, 54.9, 32.9 | RGB(49.4%,54.9%,32.9%) |
| CMYK | 10, 0, 40, 45 | |
| HSL | HSL(75.0, 25.0%, 43.9%) | HSL(75.0, 25.0%, 43.9%) |
| HSV (OR HSB) | 75.0°, 40.0, 54.9 | |
| WEB SAFE | #102153102 | #102153102 |
| BINARY | 01111110, 10001100, 01010100 | |
| iOS - SwiftUI | Color(red: 0.494, green: 0.549, blue: 0.329) | |
| iOS - UIKit | UIColor(red: 0.494, green: 0.549, blue: 0.329, alpha: 1) | |
| Android - Compose | Color(0xFF7E8C54) |
