O verde esmeralda é uma cor luxuosa e sofisticada, caracterizada por tons profundos de verde-azulado. Situada entre o azul e o verde na roda de cores, essa tonalidade rica e de joia exala opulência e vivacidade. Captura a essência da exuberância e elegância, transmitindo uma sensação de luxo e riqueza.
O verde esmeralda é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #00674F
- Valor RGB: 0% vermelho, 40,4% verde e 31% 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.
O verde esmeralda pode ser uma ferramenta poderosa no design de UI quando usado com cuidado. Veja como:
- Realce luxo e sofisticação. O verde esmeralda, simbolizando riqueza e refinamento, é perfeito para sites ou aplicativos de marcas de luxo. Use-o em cabeçalhos, rodapés ou como cor de destaque para conferir um toque sofisticado aos designs.
- Foco em aplicativos financeiros e ecológicos. Com associações à prosperidade e à natureza, o verde esmeralda é ideal para interfaces relacionadas a finanças e plataformas ecologicamente conscientes.
- Destaque recursos importantes. Use o verde esmeralda para chamar a atenção para recursos-chave ou botões de CTA. Sua vivacidade contra fundos mais suaves pode guiar os usuários para interações importantes.
- Equilibre com dourado ou creme para elegância. Combine o verde esmeralda com toques dourados para um visual majestoso ou creme para uma elegância mais discreta. Essas combinações podem elevar o apelo visual do seu UI, tornando-o mais exclusivo e convidativo.
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 exuberante e vibrante do verde esmeralda, considere:
- Verde Jade (#00A86B) compartilha a qualidade profunda e rica do verde esmeralda com um tom ligeiramente mais brilhante, evocando a elegância natural da pedra preciosa.
- Verde-azulado (#069494) mistura as qualidades calmantes do azul com a essência refrescante do verde, oferecendo uma alternativa mais fria que permanece próxima à vivacidade do verde esmeralda.
- Verde Pinho (#01796F) é mais escuro e mais discreto, ecoando as florestas profundas e proporcionando um contraponto natural e terroso ao brilho do verde esmeralda.
- Verde Mar (#2E8B57) introduz um tom mais claro e suave, mantendo a vivacidade natural enquanto oferece uma abordagem mais suave ao brilho chamativo do verde esmeralda.
Para complementar os tons majestosos do verde esmeralda, considere combiná-lo com:
- Dourado (#EFBF04) adiciona um toque cintilante de opulência, criando um contraste luxuoso que destaca a riqueza do verde esmeralda.
- Creme (#FDFBD4) fornece um fundo suave e quente que permite que a profundidade do verde esmeralda se destaque, oferecendo uma paleta clássica e refinada.
- Azul Marinho (#000080) oferece um contraste profundo e sofisticado, amplificando a elegância natural do verde esmeralda em uma paleta inspirada nas profundezas da terra.
- Laranja Queimado (#BE5103) traz um contraste quente e vibrante, adicionando uma riqueza outonal que complementa a exuberância do verde esmeralda.
- Rosa Suave (#FADADD) adiciona um toque delicado e feminino, criando uma mistura harmoniosa que suaviza a intensidade do verde esmeralda com um sussurro de cor.
Outras cores que valem a pena considerar incluem cinza carvão para um visual moderno e chique, lavanda para um contraste suave e encantador, e branco brilhante para um complemento nítido e limpo que realça a vivacidade natural do verde esmeralda.
Embora o verde esmeralda seja versátil, ele pode entrar em conflito com:
- Amarelo Brilhante (#FFFF00) pode ser muito intenso contra o verde esmeralda, sobrecarregando sua sofisticação natural com um contraste vibrante e marcante.
- Azul (#0000FF) apresenta um contraste excessivamente saturado que pode desviar da elegância orgânica do verde esmeralda, levando a uma combinação visualmente chocante.
- Rosa Choque (#FF69B4), embora animado, pode entrar em conflito com o verde esmeralda ao competir por atenção visual, criando uma paleta muito vibrante e potencialmente desconcertante.
- Vermelho Brilhante (#FF0000) oferece uma combinação clássica de Natal, mas fora de contextos sazonais, pode ser muito ousado e contrastante, ofuscando a beleza refinada do verde esmeralda.
- Roxo Escuro (#800080), embora majestoso, pode sobrecarregar o equilíbrio do verde esmeralda com sua intensidade, levando a uma paleta pesada e menos harmoniosa.
O verde esmeralda é frequentemente associado à renovação, prosperidade, renovação e crescimento. Ligado à preciosa pedra esmeralda, ele incorpora riqueza, luxo e exclusividade. Seus tons ricos fazem dele um símbolo de status e prestígio.
Na psicologia das cores, o verde esmeralda pode promover equilíbrio e harmonia, criando ambientes que favorecem o bem-estar e a tranquilidade.
No design de UI/UX, o verde esmeralda exala sofisticação e alta qualidade, tornando-o ideal para marcas premium e produtos que promovem saúde, bem-estar e consciência ambiental.
Datando do antigo Egito, a própria pedra esmeralda era reverenciada como um símbolo de vida eterna. A cor "verde esmeralda" apareceu formalmente em 1814, e artistas renomados como Monet, Cezanne e Van Gogh celebraram sua vivacidade em muitas de suas obras. No entanto, o pigmento original era tóxico e seu uso foi proibido na maior parte da Europa na década de 1880. Eventualmente, e felizmente, alternativas seguras e não tóxicas garantiram a mesma cor vibrante sem os riscos à saúde.
Além da expressão artística, a conexão do verde esmeralda com a natureza é inegável. O apelido da Irlanda, a "Ilha Esmeralda", reflete suas paisagens verdejantes, uma conexão ainda mais solidificada pela cultura popular. A escolha do verde esmeralda como a Cor do Ano pela Pantone em 2013 e pelo Etsy em 2022 são sinais de seu apelo duradouro.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Odisséia Esmeralda
Lareira da Floresta
Fada Verde
Verificador de contraste
Contraste 6,88
- Texto grande
#00674F
- 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,05
- Texto grande
#00674F
- 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 #00674f, conhecida como verde esmeralda, tem valores RGB de R:0, G:103, B:79 e valores CMYK de C:100, M:0, Y:23, K:60.
| VALUE | CSS | |
|---|---|---|
| HEX | #00674f | #00674f |
| RGB DECIMAL | 0, 103, 79 | RGB(0,103,79) |
| RGB PERCENTAGE | 0.0, 40.4, 31.0 | RGB(0.0%,40.4%,31.0%) |
| CMYK | 100, 0, 23, 60 | |
| HSL | HSL(166.0, 100.0%, 20.2%) | HSL(166.0, 100.0%, 20.2%) |
| HSV (OR HSB) | 166.0°, 100.0, 40.4 | |
| WEB SAFE | #0102102 | #0102102 |
| BINARY | 00000000, 01100111, 01001111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.404, blue: 0.310) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.404, blue: 0.310, alpha: 1) | |
| Android - Compose | Color(0xFF00674F) |
