Verde escuro é um tom profundo de verde localizado entre o ciano e o verde na roda de cores. Devido às suas qualidades terrosas e de conexão com a natureza, essa tonalidade é comumente associada a sentimentos de crescimento, abundância e sucesso.
Verde escuro é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #06402B
- Valor RGB: 2,4% vermelho, 25,1% verde e 16,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 escuro em seus designs:
- Transmitir uma sensação natural. Quando combinado com tons neutros como marrom, creme ou bege, o verde escuro pode criar uma paleta de cores terrosa, ideal para UIs que oferecem produtos orgânicos ou ecológicos.
- Promover exclusividade. Um fundo verde escuro pode criar uma atmosfera sofisticada, ideal para promover produtos ou associações de alto padrão. Use texto branco para garantir a legibilidade e cores como dourado para realçar a estética luxuosa.
- Significar estados de sucesso. Use verde escuro para indicar ações e status positivos do usuário, como barras de progresso, marcas de verificação ou mensagens de sucesso. Combine-o com um tom de verde claro ou uma cor complementar para estados de hover, dando uma dica visual clara de que o elemento é interativo e clicável.
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 ousado que o verde escuro, considere:
- Verde floresta (#2E6F40) é mais claro e frio porque tem um toque a mais de azul.
- Verde caçador (#2C5F34) pende mais para o amarelo, capturando a essência de uma floresta exuberante.
- Verde esmeralda (#00674F) tem uma aparência de tom de joia com nuances de azul.
- Verde oliva (#636B2F) tem nuances de amarelo mais visíveis com um apelo natural semelhante.
Para complementar o verde escuro, considere combiná-lo com:
- Bege (#EDE8D0) proporciona calor para suavizar o tom profundo do verde escuro.
- Chocolate (#713600) traz riqueza para criar uma combinação de cores terrosa e elegante.
- Amarelo mostarda (#FFCE1B) pode adicionar um toque de brilho e diversão quando combinado com verde escuro.
- Rosa suave (#E89EB8) adiciona um contraste suave para criar uma combinação de cores romântica.
- Bordô (#550000) compartilha uma profundidade semelhante para um esquema de cores dramático e intenso.
Outras cores que valem a pena considerar incluem azul marinho para uma combinação sofisticada, cinza frio para adicionar um toque de brilho, e sálvia para uma sensação orgânica.
Embora o verde escuro seja profundo, ele pode entrar em conflito com:
- Magenta (#FD3DB5) é altamente saturado e pode parecer visualmente chocante ao lado do verde escuro.
- Roxo (#9D00FF) cria um contraste forte com pouco apelo visual.
- Verde neon (#2CFF05) tem uma intensidade que pode sobrecarregar a riqueza do verde escuro.
- Prata (#C4C4C4) em grandes quantidades pode criar uma atmosfera fria e estéril quando combinado com verde escuro.
Verde escuro simboliza crescimento, abundância e luxo. Também carrega conotações de riqueza e sucesso, mas às vezes pode significar ganância e inveja.
Na psicologia das cores, o verde escuro pode evocar sentimentos de estabilidade. Seu tom profundo e conexão com a natureza oferecem uma sensação de equilíbrio e estabilidade, enquanto encorajam novos começos.
No design de UI, o verde escuro pode criar uma interface luxuosa como cor primária ou uma sensação orgânica quando combinado com outros tons naturais. Use-o como uma cor de feedback em barras de progresso, caixas de seleção ou outros elementos de UI que confirmam ações do usuário.
Os antigos egípcios usavam malaquita, um pigmento verde à base de cobre, em pinturas de tumbas para simbolizar a vida após a morte e a ressurreição. Os romanos também usavam outro pigmento verde popular, o verdete, em pinturas e murais. Eventualmente, os avanços nos pigmentos levaram à criação do verde escuro e outros tons de verde profundo.
Hoje, o verde escuro é usado na moda, design de UI e espaços interiores para criar uma atmosfera calmante ou luxuosa, mostrando sua versatilidade.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Malaquita
Floresta
Serenidade Esmeralda
Verificador de contraste
Contraste 11,82
- Texto grande
#06402B
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 1,78
- Texto grande
#06402B
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #06402b, conhecida como Verde escuro, tem valores RGB de R:6, G:64, B:43 e 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) |
