Azul pastel é um tom delicado e claro da cor primária azul, localizado na região ciano da roda de cores. Devido aos seus tons suaves e frios, o azul pastel pode criar uma atmosfera calma e tranquila, sendo ideal para designs que desejam evocar serenidade e paz.
O azul pastel é representado por códigos e valores de cor específicos no mundo digital para garantir consistência em plataformas e dispositivos.
- Código HEX: #B3EBF2
- Valor RGB: 70,2% vermelho, 92,2% verde e 94,9% 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 usar o azul pastel em seus designs:
- Implemente um fundo agradável. Para aproveitar a associação do azul claro com calma e tranquilidade, use-o em grandes proporções, como para o fundo de um site ou barra de navegação.
- Crie bordas sutis. Use azul pastel para organizar elementos de UI ou desenhar uma definição ao redor de botões e imagens para criar uma sensação de estrutura visual.
- Destaque campos de entrada. Chame a atenção para áreas importantes, como caixas de texto e caixas de seleção, destacando-as com cores pastéis como azul claro.
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 suave e delicado do azul pastel, considere:
- Azul céu (#87CEEB) é um tom de azul ligeiramente mais brilhante e saturado do que o azul pastel.
- Azul menta (#98FBCB) é um tom pálido e relaxante que transmite tranquilidade e uma sensação discreta de frescor.
- Azul bebê (#8FD9FB) é outro tom de azul comparável ao azul pastel, oferecendo uma cor pastel semelhante com tons frios.
- Azul glaciar (#84A8C4) oferece uma cor mais fria graças ao seu toque de cinza.
Para complementar o azul pastel, considere combiná-lo com:
- Branco (#FFFFFF) é o complemento perfeito para o visual suave e minimalista do azul pastel.
- Rosa empoeirado (#DCA1A1) pode adicionar um toque de calor suave a uma paleta de azul pastel.
- Marfim (#FFFFE3) é outra opção de cor neutra que combina bem com azul pastel em designs refinados.
- Ouro suave (#F2CB91) é uma excelente opção para injetar um pouco de elegância em sua paleta de design.
- Taupe claro (#B38B6D) complementa o azul pastel, fornecendo outra cor clara e quente com toques de marrom.
Outras cores que funcionam bem com azul pastel incluem lilás suave e rosa em pó, adicionando um pouco de romance à sua paleta. Carvão suave e cinza quente são opções para um visual mais reservado e neutro.
Embora o azul pastel seja leve e adaptável, ele pode entrar em conflito com:
- Amarelo elétrico (#FFFF33) é muito intenso para combinar com azul pastel e pode facilmente sobrepujar a suavidade da cor.
- Verde neon (#2CFF05) é uma cor altamente intensa que entra em conflito com azul pastel, desviando a atenção da paleta delicada.
- Rosa choque (#FF69B4) é muito vibrante para combinar com uma cor suave como azul pastel.
- Azul real (#305CDE) tem uma aparência ousada que carece de coesão com azul pastel.
- Vermelho profundo (#850101) é muito rico para ser combinado com azul pastel, rapidamente ofuscando-o.
A aparência leve e suave do azul pastel simboliza serenidade e tranquilidade. As pessoas tendem a associar o azul pastel à inocência e pureza. Muitas culturas também veem o azul pastel como um símbolo de espiritualidade.
Na psicologia das cores, o azul pastel está associado à calma e paz. O azul pastel pode ter um efeito relaxante no observador, reduzindo o estresse e promovendo sentimentos de clareza mental. Esses sentimentos tornam o azul pastel ideal em ambientes de design de interiores, como hospitais e consultórios médicos.
O azul pastel é usado no design moderno para simbolizar serenidade e repouso. Devido ao seu tom suave, o azul pastel é frequentemente usado em decoração de interiores, design gráfico, moda e branding corporativo para transmitir sentimentos de tranquilidade.
O azul pastel remonta à Itália, onde o termo "pastel" se originou de "Castello", descrevendo a textura de misturas de pigmentos como giz. Com o tempo, o termo evoluiu para abranger tons suaves, com o azul pastel ganhando popularidade durante os períodos Rococó e Neoclássico por seu toque delicado na arte. Hoje, o azul pastel continua a influenciar o design, oferecendo uma presença serena e calmante.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Lagoa Nebulosa
Amanhecer Costeiro
Encantadora Beira-mar
Verificador de contraste
Contraste 1,31
- Texto grande
#B3EBF2
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 16,08
- Texto grande
#B3EBF2
- 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 #b3ebf2, conhecida como Azul Pastel, tem valores RGB de R:179, G:235, B:242 e valores CMYK de C:26, M:3, Y:0, K:5.
| VALUE | CSS | |
|---|---|---|
| HEX | #b3ebf2 | #b3ebf2 |
| RGB DECIMAL | 179, 235, 242 | RGB(179,235,242) |
| RGB PERCENTAGE | 70.2, 92.2, 94.9 | RGB(70.2%,92.2%,94.9%) |
| CMYK | 26, 3, 0, 5 | |
| HSL | HSL(186.7, 70.8%, 82.5%) | HSL(186.7, 70.8%, 82.5%) |
| HSV (OR HSB) | 186.7°, 26.0, 94.9 | |
| WEB SAFE | #204255255 | #204255255 |
| BINARY | 10110011, 11101011, 11110010 | |
| iOS - SwiftUI | Color(red: 0.702, green: 0.922, blue: 0.949) | |
| iOS - UIKit | UIColor(red: 0.702, green: 0.922, blue: 0.949, alpha: 1) | |
| Android - Compose | Color(0xFFB3EBF2) |
