Azul menta é uma cor vibrante e revigorante que se encontra entre o azul e o verde na roda de cores, especificamente perto da região do turquesa e do ciano. Com sua mistura de tons verdes e azuis, sua aparência cria um estilo fresco e refrescante, evocando sensações de paz.
O azul menta é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #98FBCB
- Valor RGB: 59,6% vermelho, 98,4% verde e 79,6% 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 incorporar o azul menta em seus designs de UI:
- Evocar frescor. O tom revigorante e refrescante do azul menta pode ajudar a criar um design fresco e vibrante. Como pode lembrar os usuários de férias tropicais ou dias ensolarados, é a tonalidade perfeita para projetar sites ou aplicativos nos espaços de viagem, lazer e bem-estar.
- Atrair atenção. Use a vivacidade do azul menta para guiar os olhos dos usuários para elementos importantes, como CTAs e informações relevantes, sem ser visualmente avassalador.
- Transmitir confiança. A conexão do azul menta com sensações de calma e segurança pode ajudar a construir confiança.
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 sereno do azul menta, considere:
- Verde menta (#ADEBB3) pende para o verde, exalando uma cor verde pálida que compartilha as mesmas qualidades refrescantes e tranquilas do azul menta.
- Turquesa (#40E0D0) mistura azul e verde para criar um tom vívido e vibrante.
- Ciano (#00FFFF) é um tom azulado-esverdeado que parece refrescante, capturando a essência dos oceanos tropicais.
- Azul-esverdeado (#01B3B1) combina verde e azul para criar um tom rico e profundo.
Para complementar o azul menta, considere combiná-lo com:
- Amarelo pastel (#FFEE8C) proporciona calor para complementar o azul menta, criando um esquema de cores ensolarado e animador.
- Azul marinho (#000080) cria um contraste marcante para adicionar profundidade a qualquer design.
- Pêssego (#FFD3AC) oferece um calor suave e sutil quando combinado com azul menta.
- Rosa (#FF8DA1) acrescenta à suavidade do azul menta, capturando uma combinação de cores doce e elegante.
Outras cores que valem a pena considerar incluem verde-água para uma paleta monocromática, bege para um fundo neutro e quente, e branco para um design nítido que evoca uma sensação fresca e arejada.
Embora o azul menta seja frio, ele pode entrar em conflito com:
- Água-marinha (#66F1C2) compartilha um tom semelhante ao menta, proporcionando pouco contraste visual.
- Vermelho (#FF2C2C) pode entrar em conflito com azul menta devido ao seu forte contraste.
- Amarelo (#FFFF00) pode competir com azul menta, criando um efeito agressivo.
- Carvão (#4A4A4A) pode criar muito contraste visual, sobrecarregando o tom suave do azul menta.
O azul menta simboliza tranquilidade e frescor. Também carrega conotações de confiança e criatividade. Na psicologia das cores, o azul menta tem qualidades relaxantes, frequentemente promovendo sensações de paz e serenidade.
No design de UI, o simbolismo do azul menta e sua influência da natureza são adequados para marcas de bem-estar e saúde que buscam promover um estilo de vida saudável e equilibrado. Você também pode usar esse tom revigorante para adicionar frescor aos designs.
Os tons frios de azul e verde das folhas de menta inspiram o nome da cor “menta” e variações desse tom. O azul menta foi registrado pela primeira vez por volta de 1920, quando os tons de menta se tornaram populares na era Art Déco. Esses tons eram frequentemente combinados com preto para criar uma paleta marcante e sofisticada no design de interiores.
O azul menta ainda é usado em vários contextos hoje. Você pode ver esse toque de cor usado na moda e no design para criar um visual leve e arejado, bem como em uniformes hospitalares devido ao seu efeito calmante e confiável.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Frescura de Menta
Fresco de Jardim
Fantasia e Encanto
Verificador de contraste
Contraste 1,24
- Texto grande
#98FBCB
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 17
- Texto grande
#98FBCB
- 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 #98fbcb, conhecida como Azul Menta, tem valores RGB de R:152, G:251, B:203 e valores CMYK de C:39, M:0, Y:19, K:2.
| VALUE | CSS | |
|---|---|---|
| HEX | #98fbcb | #98fbcb |
| RGB DECIMAL | 152, 251, 203 | RGB(152,251,203) |
| RGB PERCENTAGE | 59.6, 98.4, 79.6 | RGB(59.6%,98.4%,79.6%) |
| CMYK | 39, 0, 19, 2 | |
| HSL | HSL(150.9, 92.5%, 79.0%) | HSL(150.9, 92.5%, 79.0%) |
| HSV (OR HSB) | 150.9°, 39.4, 98.4 | |
| WEB SAFE | #153255204 | #153255204 |
| BINARY | 10011000, 11111011, 11001011 | |
| iOS - SwiftUI | Color(red: 0.596, green: 0.984, blue: 0.796) | |
| iOS - UIKit | UIColor(red: 0.596, green: 0.984, blue: 0.796, alpha: 1) | |
| Android - Compose | Color(0xFF98FBCB) |
