Verde menta é um verde claro e de tom frio que transmite frescor e tranquilidade. Essa cor nítida está entre o verde e o azul na roda de cores, lembrando folhas de menta fresca. É um verde diluído com branco e um toque de azul, frequentemente usado em elementos de design para a primavera.
Verde menta é representado pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #ADEBB3
- Valor RGB: 67,8% vermelho, 92,2% verde e 70,2% 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 verde menta em seus designs:
- Atraia atenção. Um toque de leveza do verde menta pode fazer botões e CTAs se destacarem sem serem agressivos.
- Crie um fundo limpo. Verde menta funciona excepcionalmente bem como cor de fundo no design de UI devido à sua leveza que não é agressiva aos olhos.
- Evocar calma. Tons de verde menta evocam calma e tranquilidade, tornando-o perfeito para interfaces de saúde, bem-estar e produtividade.
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 da mesma calma do verde menta, considere:
- Azul menta (#98FBCB) é um pouco mais azul do que verde menta.
- Verde pastel (#80EF80) traz uma leveza semelhante ao verde menta, mas é mais suave.
- Celadon (#A8DCAB) é um tom de verde suave com toques de azul e cinza.
- Verde sálvia (#98A869) evoca as mesmas sensações de natureza e tranquilidade que o verde menta, mas é um pouco mais empoeirado.
Para complementar a frescura do verde menta, considere combiná-lo com:
- Branco (#FFFFFF) ajuda na estética limpa e arejada do verde menta.
- Verde floresta (#2E6F40) é um tom mais escuro que evoca o mesmo senso de natureza que o verde menta.
- Pêssego (#FFD3AC) cria uma jovialidade que destaca o brilho do verde menta.
- Lavanda (#D3D3FF) complementa o senso decalma e paz do verde menta.
Outras cores que valem a pena considerar incluem cinza carvão para equilibrar a estética arejada do verde menta, azul marinho para um visual náutico ou costeiro, e coral para injetar uma dose de energia juvenil.
Embora o verde menta seja um tom refrescante, ele pode entrar em conflito com:
- Azul menta (#98FBCB) pode fazer um design parecer plano quando combinado com um tom de baixo contraste semelhante ao verde menta.
- Marrom (#895129) cria muito contraste com o verde menta e pode perturbar a harmonia visual.
- Verde neon (#2CFF05) pode criar caos visual em vez de coesão quando esse tom fluorescente é combinado com a calma do verde menta.
- Amarelo (#FFFF00) é excessivamente saturado e pode entrar em conflito com a energia tranquila do verde menta.
- Laranja (#FFA500) compete por atenção porque não harmoniza com a frescura do verde menta.
Verde menta evoca a nitidez das folhas de menta fresca e é frequentemente associado à primavera, novos começos e serenidade. Esta cor conecta-se à natureza e é comumente usada para significar frescor e vitalidade.
Na psicologia das cores, o verde menta promove sensações de renovação, tranquilidade, crescimento e inspiração. É percebido como uma cor calmante em muitas culturas, frequentemente relacionada ao frescor e à prosperidade. Seu efeito calmante o torna adequado para ambientes que visam reduzir o estresse e incentivar a criatividade.
Para o design de UI/UX, o verde menta oferece uma experiência de usuário calmante. Ele incorpora uma estética fresca e contemporânea que é convidativa e suave. Verde menta é uma excelente cor de fundo que coincide com cores neutras mais claras e até alguns tons contrastantes para equilíbrio.
Verde menta foi oficialmente reconhecido no início do século 20, embora a cor provavelmente existisse em pigmentos e tecidos muito antes de ser nomeada. Sua popularidade aumentou durante a era Art Déco, conhecida por sua adoção de formas geométricas e novos materiais. Durante esse período, o verde menta simbolizava modernidade e sofisticação.
Com o tempo, as conotações do verde menta evoluíram para representar energia juvenil, eco-amizade e uma conexão com a natureza. Hoje, é frequentemente usado em design de produtos, cerâmicas, vidros, roupas e acessórios para evocar uma atmosfera natural e alegre.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Harmonia Herbal
Jardim de Lótus
Hortelã
Verificador de contraste
Contraste 1,37
- Texto grande
#ADEBB3
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 15,31
- Texto grande
#ADEBB3
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #adebb3, conhecida como Verde Menta, tem valores RGB de R:173, G:235, B:179 e valores CMYK de C:26, M:0, Y:24, K:8.
| VALUE | CSS | |
|---|---|---|
| HEX | #adebb3 | #adebb3 |
| RGB DECIMAL | 173, 235, 179 | RGB(173,235,179) |
| RGB PERCENTAGE | 67.8, 92.2, 70.2 | RGB(67.8%,92.2%,70.2%) |
| CMYK | 26, 0, 24, 8 | |
| HSL | HSL(125.8, 60.8%, 80.0%) | HSL(125.8, 60.8%, 80.0%) |
| HSV (OR HSB) | 125.8°, 26.4, 92.2 | |
| WEB SAFE | #153255204 | #153255204 |
| BINARY | 10101101, 11101011, 10110011 | |
| iOS - SwiftUI | Color(red: 0.678, green: 0.922, blue: 0.702) | |
| iOS - UIKit | UIColor(red: 0.678, green: 0.922, blue: 0.702, alpha: 1) | |
| Android - Compose | Color(0xFFADEBB3) |
