Azul-esverdeado é um tom refrescante e calmante que combina perfeitamente a estabilidade do verde com a serenidade do azul. Este tom frio é uma cor terciária que se posiciona entre o azul e o verde na roda de cores, assumindo as qualidades tranquilas de ambas as cores. Ele se assemelha a tons como teal e turquesa.
Azul-esverdeado é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #00CEC8
- Valor RGB: 0% vermelho, 80,8% verde e 78,4% 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 aproveitar as propriedades calmantes e refrescantes do azul-esverdeado em seu design:
- Crie uma atmosfera tranquila. Azul-esverdeado é excelente para criar uma sensação de paz e serenidade. Use-o como cor de fundo para experiências relaxantes, como aplicativos de meditação ou plataformas de agendamento de spas.
- Destaque elementos importantes. Azul-esverdeado pode se destacar sem ser avassalador. Use-o para botões de chamada para ação ou elementos de navegação primária para atrair a atenção do usuário enquanto mantém uma estética limpa.
- Evocar natureza ou crescimento. A conexão com o mundo natural do azul-esverdeado o torna ideal para marcas ecológicas ou interfaces relacionadas a plantas e bem-estar.
- Considere o contraste. Garanta o contraste adequado com texto ou outros elementos de UI para uma legibilidade ideal. Considere um plugin do Figma para garantir acessibilidade. Equilibre com cores mais quentes. Combinar azul-esverdeado com um toque de uma cor quente como laranja ou amarelo pode adicionar vivacidade e evitar que a interface pareça muito fria.
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 tranquilo e refrescante do azul-esverdeado, considere:
- Turquesa (#40E0D0) se assemelha muito ao azul-esverdeado com sua mistura perfeita de azul e verde, incorporando a essência das águas tropicais.
- Teal (#069494) oferece uma versão mais profunda e ligeiramente mais suave, capturando a profundidade do oceano enquanto permanece fiel ao tema azul-esverdeado.
- Aquamarine (#7FFFD4) aparece mais claro e etéreo, proporcionando uma abordagem mais suave à clareza cativante do azul-esverdeado.
- Ciano (#00FFFF), embora mais brilhante, compartilha a energia vibrante e a sensação revigorante do azul-esverdeado, lembrando céus claros e ensolarados.
Para complementar os tons serenos do azul-esverdeado, considere combiná-lo com:
- Areia Suave (#F8F0E3) fornece um fundo neutro e quente que destaca lindamente a vibrante frieza do azul-esverdeado.
- Coral (#FF8559) introduz um contraste quente e animado, ecoando as cores de um pôr do sol contra o mar azul-esverdeado.
- Azul Marinho (#000080) oferece um contraste rico e profundo que realça as qualidades de joia do azul-esverdeado, perfeito para uma paleta sofisticada.
- Prata (#C4C4C4) adiciona um toque moderno e elegante, refletindo a luz e enriquecendo o apelo dinâmico do azul-esverdeado.
- Lavanda (#D3D3FF) suaviza a paleta com seu tom suave, criando uma mistura calmante e romântica de azul-esverdeado.
Outras cores que valem a pena considerar incluem cinza carvão para um contraste moderno e fundamentado, rosa pálido para um toque suave e complementar, e amarelo mostarda para um toque ousado e ensolarado.
Embora azul-esverdeado seja versátil, ele pode entrar em conflito com:
- Vermelho Brilhante (#FF0000) pode ser muito agressivo contra a natureza calmante do azul-esverdeado, criando um contraste marcante e potencialmente chocante.
- Verde Neon (#2CFF05) apresenta uma energia excessivamente vibrante que pode perturbar a vibração serena e harmoniosa do azul-esverdeado.
- Roxo Escuro (#800080), embora rico e régio, pode sobrecarregar a sutileza do azul-esverdeado, levando a um efeito visual discordante.
- Laranja (#FFA500), embora uma cor complementar em teoria, sua intensidade pode desviar das qualidades calmantes do azul-esverdeado, levando a uma combinação visualmente desconfortável.
- Rosa Choque (#FF69B4), embora divertido, pode entrar em conflito com azul-esverdeado ao competir por dominância visual em vez de complementar sua tranquilidade.
Azul-esverdeado combina a tranquilidade do azul com a vitalidade do verde, simbolizando serenidade, cura e renovação. Ele incorpora o conceito de água e as qualidades protetoras e nutritivas da Terra, sugerindo vida, saúde e bem-estar. Representa crescimento e as profundezas do céu e do mar — um símbolo do sustento da vida.
Psicologicamente, azul-esverdeado promove um estado de espírito contemplativo, abertura e criatividade, promovendo sensações de paz e rejuvenescimento.
Azul-esverdeado equilibra calma e vivacidade, tornando-se uma cor poderosa para o design de UI. Seu efeito calmante melhora a experiência do usuário com um ambiente convidativo. Azul-esverdeado pode destacar valores inovadores e ecológicos, tornando-se uma escolha popular para empresas que valorizam saúde, bem-estar e sustentabilidade ambiental.
Os antigos egípcios usavam pigmentos azul-esverdeados feitos de malaquita para pintura e cerâmica, valorizando-o por suas qualidades protetoras e beleza estética. Na Mesoamérica, os maias associavam azul-esverdeado ao deus da chuva, Chaac, usando-o em oferendas e arte para invocar água e fertilidade. Seu significado continuou através das culturas grega e romana, como visto abundantemente nas joias e têxteis da época.
Na Idade Média e durante o Renascimento, artistas usavam verdete para produzir tons luminosos de azul-esverdeado, valorizados por sua cor vibrante, apesar de sua tendência a mudar com o tempo. Artistas, incluindo Leonardo da Vinci e Rafael, usaram azul-esverdeado para infundir suas obras-primas com profundidade e serenidade. Seu caráter calmante e vibrante também o tornou uma cor favorita de Ticiano e Vermeer, que capturaram sua tranquilidade e profundidade em suas obras.
Azul-esverdeado manteve seu apelo até hoje, destacado por sua inclusão nas cores de giz de cera da Crayola desde a década de 1930.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Maré Oceânica
Calor Tropical
Piscina de Maré
Verificador de contraste
Contraste 1,97
- Texto grande
#00CEC8
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 10,66
- Texto grande
#00CEC8
- 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 #00cec8, conhecida como Azul-esverdeado, tem valores RGB de R:0, G:206, B:200 e valores CMYK de C:100, M:0, Y:3, K:19.
| VALUE | CSS | |
|---|---|---|
| HEX | #00cec8 | #00cec8 |
| RGB DECIMAL | 0, 206, 200 | RGB(0,206,200) |
| RGB PERCENTAGE | 0.0, 80.8, 78.4 | RGB(0.0%,80.8%,78.4%) |
| CMYK | 100, 0, 3, 19 | |
| HSL | HSL(178.3, 100.0%, 40.4%) | HSL(178.3, 100.0%, 40.4%) |
| HSV (OR HSB) | 178.3°, 100.0, 80.8 | |
| WEB SAFE | #0204204 | #0204204 |
| BINARY | 00000000, 11001110, 11001000 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.808, blue: 0.784) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.808, blue: 0.784, alpha: 1) | |
| Android - Compose | Color(0xFF00CEC8) |
