O verde-oliva é uma cor complexa e suave, com uma aparência terrosa e discreta. Posicionado na seção verde da roda de cores, ele tende para o amarelo, conferindo-lhe um tom quente e natural. Este tom específico captura a essência do verde-oliva, lembrando o verde musgo escuro.
O verde-oliva é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #636B2F
- Valor RGB: 38,8% vermelho, 42% verde e 18,4% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. O Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Para usar o verde-oliva de forma eficaz no design de UI, considere estas abordagens:
- Transmitir estabilidade e crescimento. O verde-oliva, com seus tons terrosos e naturais, é excelente para plataformas de saúde, bem-estar e sustentabilidade. Use-o para criar uma atmosfera estável e tranquilizadora.
- Aumentar a usabilidade em aplicativos ao ar livre. A associação do verde-oliva com o ar livre ressoa bem com públicos que buscam aventura e conexão com a natureza.
- Usar para fundos ou temas. Use o verde-oliva para fundos ou temas para evocar uma sensação de serenidade e foco. Seus tons suaves podem reduzir a fadiga ocular, tornando os espaços digitais confortáveis para navegação.
- Complementar com tons terrosos. Combine o verde-oliva com tons terrosos como marrons, beges e vermelhos profundos para criar um design coeso e fundamentado. Esta paleta pode melhorar a experiência do usuário, trazendo calor e uma sensação de acolhimento ao seu espaço digital.
Para variações dentro do mesmo espectro terroso e suave do verde-oliva, considere:
- Verde Musgo (#8A9A5B) compartilha a conexão do verde-oliva com a natureza, apresentando um tom ligeiramente mais claro e vibrante, lembrando pedras cobertas de musgo.
- Caqui (#F0E68C) oferece uma versão mais clara e neutra, mantendo a qualidade terrosa com um tom mais suave e discreto.
- Verde-oliva Escuro (#556B2F) é mais próximo do verde-oliva, proporcionando uma versão mais profunda e intensa que enfatiza a profundidade natural da cor.
- Sálvia (#B2C495) introduz um toque de cinza, resultando em um verde suave que complementa a elegância discreta do verde-oliva.
Para complementar os tons fundamentados do verde-oliva, considere combiná-lo com:
- Creme (#FDFBD4) proporciona um contraste suave, realçando o calor natural do verde-oliva com sua presença leve e arejada.
- Ferrugem (#B7410E) introduz um tom terroso rico e quente, oferecendo um contraste marcante, mas harmonioso, à sutileza fria do verde-oliva.
- Azul Marinho (#000080) oferece um contraste profundo e sofisticado, amplificando a rusticidade do verde-oliva com um toque de elegância clássica.
- Siena Queimada (#ED7B58) adiciona um toque quente e vibrante, criando uma paleta aconchegante e convidativa que complementa o charme rústico do verde-oliva.
- Bege Suave (#F5F5DC) cria um fundo neutro que permite que a riqueza do verde-oliva se destaque, fundamentando a paleta na simplicidade natural.
Outras cores que valem a pena considerar incluem cinza carvão para um visual moderno e chique, lavanda suave para um toque de cor suave e contrastante, e terracota para uma vibração quente e terrosa que realça as qualidades naturais do verde-oliva.
Embora o verde-oliva seja versátil, ele pode entrar em conflito com:
- Rosa Brilhante (#FFC0CB) pode ser muito forte e vibrante, potencialmente sobrecarregando a sutileza natural do verde-oliva, levando a um efeito visual discordante.
- Azul Elétrico (#00F0FF), com sua vibrância intensa, pode desviar a atenção do calor terroso do verde-oliva, criando um contraste chocante.
- Amarelo Neon (#CCFF00) apresenta um tom de alta intensidade que pode ofuscar a essência natural e suave do verde-oliva.
- Roxo Escuro (#800080), embora rico e régio, pode competir muito fortemente com o verde-oliva, ofuscando sua serenidade natural.
- Verde Limão (#89F336), sendo muito mais brilhante e saturado, pode criar uma combinação visualmente desconfortável com os tons suaves do verde-oliva.
O verde-oliva simboliza paz e tranquilidade, enraizado na antiga tradição de oferecer um ramo de oliveira como sinal de harmonia. Seus tons terrosos refletem estabilidade, resistência e resiliência, ecoando a capacidade da oliveira de prosperar em condições adversas. Em contextos militares, o verde-oliva representa honra, sabedoria e dedicação, destacando os valores de serviço e compromisso.
A psicologia da cor do verde-oliva está ligada aos seus tons naturais, promovendo sensações de equilíbrio e renovação. Ele cria um ambiente fundamentado e seguro, muitas vezes melhorando o bem-estar e a estabilidade. A ligação do verde-oliva com a terra e a sustentabilidade o identifica como uma cor de consciência ecológica.
O efeito calmante do verde-oliva e sua conexão com a natureza o tornam perfeito para o design de UI em aplicativos de bem-estar, plataformas ecológicas e espaços digitais que visam promover harmonia e vida natural. As ligações do verde-oliva com autenticidade e confiabilidade também o tornam uma excelente escolha para marcas que desejam parecer confiáveis e comprometidas com a gestão ambiental.
O termo oliva, denotando o fruto, entrou no inglês médio no século XIV a partir do grego antigo elaia. Foi apenas no século XVII que o termo verde-oliva, inspirado pelo tom das azeitonas não maduras, foi reconhecido em inglês.
O verde-oliva tornou-se um elemento básico no vestuário militar no século XIX. Seus tons suaves eram ideais para camuflagem, ajudando os soldados a se misturarem com o ambiente. Embora o exército dos EUA tenha mudado para um padrão de camuflagem “florestal” em 1981, países como Israel, Cuba, Índia, Venezuela e Áustria continuam a usar o verde-oliva para uniformes.
O verde-oliva foi adotado na moda, design e arte, refletindo atitudes em evolução em relação ao ambientalismo e à paz. Artistas como Claude Monet e Thomas Wilmer Dewing exploraram sua versatilidade em obras como "Ponte Sobre um Lago de Lírios de Água" (1899) e "Sinfonia em Verde e Ouro" (1912), mostrando a capacidade da cor de transmitir profundidade e beleza natural em paisagens e composições abstratas.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Vale Musgoso
Clareira Encantada
Ramo de Oliveira
Verificador de contraste
Contraste 5,71
- Texto grande
#636B2F
- 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,67
- Texto grande
#636B2F
- 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 #636b2f, conhecida como Verde-oliva, tem valores RGB de R:99, G:107, B:47 e valores CMYK de C:7, M:0, Y:56, K:58.
| VALUE | CSS | |
|---|---|---|
| HEX | #636b2f | #636b2f |
| RGB DECIMAL | 99, 107, 47 | RGB(99,107,47) |
| RGB PERCENTAGE | 38.8, 42.0, 18.4 | RGB(38.8%,42.0%,18.4%) |
| CMYK | 7, 0, 56, 58 | |
| HSL | HSL(68.0, 39.0%, 30.2%) | HSL(68.0, 39.0%, 30.2%) |
| HSV (OR HSB) | 68.0°, 56.1, 42.0 | |
| WEB SAFE | #10210251 | #10210251 |
| BINARY | 01100011, 01101011, 00101111 | |
| iOS - SwiftUI | Color(red: 0.388, green: 0.420, blue: 0.184) | |
| iOS - UIKit | UIColor(red: 0.388, green: 0.420, blue: 0.184, alpha: 1) | |
| Android - Compose | Color(0xFF636B2F) |
