Verde-limão é um tom ousado e vibrante, conhecido por sua alta saturação e brilho. Essa cor chamativa combina a energia juvenil do amarelo com a frescura natural do verde, criando uma cor dinâmica e estimulante.
Verde-limão é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #89F336
- Valor RGB: 53,7% vermelho, 95,3% verde e 21,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.
A vivacidade do verde-limão o torna uma ferramenta poderosa para o design de UI. Veja como usá-lo estrategicamente:
- Destaque elementos interativos. A natureza chamativa do verde-limão o torna perfeito para botões e links, capturando a atenção do usuário e incentivando a ação.
- Realce a hierarquia visual. Use verde-limão para destacar elementos ou recursos importantes dentro da sua interface. Seu tom marcante pode servir como um sinal visual que ajuda a guiar os usuários pelo seu UI, tornando-o intuitivo e amigável.
- Crie uma estética fresca e energética. Verde-limão transmite uma sensação de energia e inovação, sendo particularmente eficaz para aplicativos nos setores de saúde, bem-estar e criatividade.
- Equilibre com tons mais frios. Para evitar que o verde-limão domine o design, combine-o com tons mais frios como azuis ou cinzas, ou use-o com neutros.
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 vívido e energético do verde-limão, considere:
- Chartreuse (#CCFF00) captura o equilíbrio perfeito entre amarelo e verde, oferecendo um tom ligeiramente mais amarelado que compartilha da vivacidade do verde-limão.
- Verde neon (#2CFF05) é ainda mais vívido, com uma qualidade elétrica que amplifica a sensação energética do verde-limão.
- Verde primavera (#00FF7F) tende para um tom mais ciano, proporcionando uma alternativa refrescante e ligeiramente mais fria, mantendo o espírito animado do verde-limão.
- Verde Kelly (#4CBB17) oferece um verde mais profundo e tradicional, mas ainda retém a frescura e vivacidade associadas ao verde-limão.
Para complementar os tons dinâmicos do verde-limão, considere combiná-lo com:
- Roxo profundo (#663399) introduz um contraste rico e luxuoso, equilibrando o brilho do verde-limão com um toque de sofisticação.
- Cinza frio (#CBCBCB) oferece um fundo neutro e contemporâneo que permite que o verde-limão se destaque sem sobrecarregar os sentidos.
- Branco (#FFFFFF) fornece uma tela limpa e nítida que amplifica a vivacidade do verde-limão, criando uma paleta moderna e energética.
- Azul céu (#87CEEB) adiciona um toque calmante e sereno, equilibrando a intensidade do verde-limão com um toque de tranquilidade fria.
- Rosa choque (#FF69B4) para um contraste ousado e divertido, cheio de energia e diversão, atraindo uma estética jovem e vibrante.
Outras cores que valem a pena considerar incluem azul marinho para um visual clássico e elegante, coral para uma vibe quente e de verão, e prata para um design futurista e elegante.
Embora o verde-limão possa ser versátil, ele pode entrar em conflito com:
- Vermelho-laranja (#FF4B33) pode ser muito agressivo contra o verde-limão, criando um contraste visualmente chocante que pode parecer desconfortável.
- Siena queimada (#ED7B58), embora terrosa e quente, pode atenuar o brilho do verde-limão, levando a uma combinação confusa e menos atraente.
- Marrom escuro (#654321) tende a ofuscar a vivacidade do verde-limão, potencialmente levando a um visual pesado e menos harmonioso.
- Verde oliva (#636B2F), com seus tons terrosos e suaves, pode não fornecer contraste ou vivacidade suficientes, resultando em uma paleta que carece de energia.
- Bordô (#550000), embora rico e profundo, pode competir demais com o verde-limão, criando uma paleta que pode parecer opressiva ou desequilibrada.
Verde-limão representa frescor, criatividade e vitalidade. Ele incorpora crescimento, renovação e a energia vibrante da vida. Essa cor é frequentemente associada à inovação e à consciência ecológica, tornando-se popular em branding e design para transmitir consciência ambiental e um espírito jovem e dinâmico.
Na psicologia das cores, o brilho deste verde-limão específico pode desencadear respostas emocionais variadas. Sua intensidade vibrante pode evocar sentimentos de energia e excitação, o que pode ser positivo. No entanto, seu brilho também pode provocar sentimentos de irritação ou inquietação. (Considere também a conexão dessa cor com toxicidade ou perigo na cultura popular.)
Verde-limão pode ser uma ferramenta poderosa no design de UI que atrai atenção e incentiva a interação do usuário graças à sua alta visibilidade. É particularmente eficaz para destacar elementos-chave em um site ou aplicativo, como botões de CTA ou pontos de navegação essenciais. No entanto, para evitar sobrecarregar os usuários, use-o estrategicamente.
Embora os amarelos-verdes vibrantes existam há séculos, simbolizando desde renascimento no Egito antigo até riqueza na Europa, o termo verde-limão só surgiu em inglês por volta de 1890. Isso coincide com a invenção de pigmentos sintéticos mais brilhantes que criaram o tom cítrico específico que conhecemos hoje.
O século 20 viu o verde-limão florescer. O Art Déco abraçou sua ousadia, e as décadas de 50 e 60 surfaram em sua onda de otimismo. Ele continua sendo uma escolha popular hoje para marcas frescas, jovens ou ecologicamente conscientes.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Gramado do Vizinho
Selva Neon
Energia da Primavera
Verificador de contraste
Contraste 1,41
- Texto grande
#89F336
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 14,94
- Texto grande
#89F336
- 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 #89f336, conhecida como verde-limão, tem valores RGB de R:137, G:243, B:54 e valores CMYK de C:44, M:0, Y:78, K:5.
| VALUE | CSS | |
|---|---|---|
| HEX | #89f336 | #89f336 |
| RGB DECIMAL | 137, 243, 54 | RGB(137,243,54) |
| RGB PERCENTAGE | 53.7, 95.3, 21.2 | RGB(53.7%,95.3%,21.2%) |
| CMYK | 44, 0, 78, 5 | |
| HSL | HSL(93.7, 88.7%, 58.2%) | HSL(93.7, 88.7%, 58.2%) |
| HSV (OR HSB) | 93.7°, 77.8, 95.3 | |
| WEB SAFE | #15325551 | #15325551 |
| BINARY | 10001001, 11110011, 00110110 | |
| iOS - SwiftUI | Color(red: 0.537, green: 0.953, blue: 0.212) | |
| iOS - UIKit | UIColor(red: 0.537, green: 0.953, blue: 0.212, alpha: 1) | |
| Android - Compose | Color(0xFF89F336) |
