Azul neon é um tom vibrante e frio que combina a confiabilidade do azul com a energia e o entusiasmo das cores neon. Este tom estimulante possui qualidades modernas, promovendo inovação e pensamento avançado.

O azul neon é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #2323FF
- Valor RGB: 13,7% vermelho, 13,7% verde e 100% 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 neon em seus designs:
- Crie um ponto focal. Use azul neon com moderação para botões, chamadas para ação ou elementos importantes para atrair o olhar do usuário.
- Realce um tema futurista ou tecnológico. A associação do azul neon com tecnologia moderna o torna perfeito para interfaces com uma sensação inovadora ou de alta tecnologia.
- Estabeleça um clima energético. Use azul neon como cor de destaque para infundir seu design com uma energia dinâmica e chamativa.
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 vívido do azul neon, considere:
- Azul (#0000FF) é o azul mais puro e intenso na roda de cores.
- Azul real (#305CDE) é um azul luxuoso com vibração semelhante.
- Azul escuro (#111184) é um tom de azul profundo, ligeiramente menos saturado que o azul neon.
- Azul marinho (#000080) é um azul escuro clássico com saturação semelhante.
Para complementar o azul neon, considere combiná-lo com:
- Amarelo brilhante (#FFED29) cria uma vibração energética e divertida.
- Branco (#FFFFFF) permite um contraste limpo e brilhante, fazendo o azul neon se destacar.
- Prata (#C4C4C4) tem um tom cinza metálico que suaviza o azul neon para criar uma sensação mais sofisticada.
- Laranja neon (#FF5C00) é uma cor complementar que proporciona um contraste vibrante.
Outras cores que valem a pena considerar incluem preto para um contraste dramático e uma sensação moderna e cereja para um toque de alta energia em seu design.
Embora o azul neon seja brilhante, ele pode entrar em conflito com:
- Roxo neon (#8A00C4) compete por atenção, criando um choque visualmente avassalador.
- Verde limão (#89F336) também é altamente saturado, criando uma sensação caótica.
- Lavanda (#D3D3FF) é um pastel que parece desbotado ao lado da intensidade do azul neon.
- Verde menta (#ADEBB3) conflita com a natureza brilhante do azul neon, tornando-o muito opressor.
- Chocolate (#713600) tem um tom quente, que entra em conflito com a natureza fria do azul neon.
Azul neon é uma cor chamativa associada à modernidade, tecnologia e inovação, representando o avanço em direção ao futuro. Em algumas culturas, o azul neon também pode simbolizar energia, entusiasmo e comunicação aberta.
Na psicologia das cores, o azul neon está ligado a sentimentos de foco e estimulação mental. Ele pode criar uma sensação de energia aumentada, mas o uso excessivo de azul neon pode sobrecarregar e levar à inquietação.
No design de UI, o azul neon captura efetivamente a atenção e cria uma sensação de entusiasmo. No entanto, devido ao seu brilho, o azul neon deve ser usado com moderação como cor dominante. Quando combinado com tons neutros ou azuis mais escuros, o azul neon mantém seu impacto sem sobrecarregar o usuário.
A cor azul neon surgiu com a criação das lâmpadas de neon no início dos anos 1900. O engenheiro francês Georges Claude inventou essas lâmpadas, que inicialmente produziam uma luz laranja-avermelhada intensa. No entanto, os cientistas observaram que o uso de diferentes gases resultava em várias cores. Em vez de gás neon, o vapor de mercúrio cria o azul neon.
O azul neon rapidamente se associou à era atual, especialmente em cidades movimentadas com seus anúncios brilhantes e vida noturna. Essa ligação com a inovação continua hoje, com marcas de alta tecnologia como Zoom e Samsung usando azul neon para um visual moderno e futurista.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Azuis Cósmicos
Celestial
Noite Festiva
Verificador de contraste
Contraste 7,62
- Texto grande
#2323FF
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 2,76
- Texto grande
#2323FF
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #2323ff, conhecida como Azul Neon, tem valores RGB de R:35, G:35, B:255 e valores CMYK de C:86, M:86, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #2323ff | #2323ff |
| RGB DECIMAL | 35, 35, 255 | RGB(35,35,255) |
| RGB PERCENTAGE | 13.7, 13.7, 100.0 | RGB(13.7%,13.7%,100.0%) |
| CMYK | 86, 86, 0, 0 | |
| HSL | HSL(240.0, 100.0%, 56.9%) | HSL(240.0, 100.0%, 56.9%) |
| HSV (OR HSB) | 240.0°, 86.3, 100.0 | |
| WEB SAFE | #5151255 | #5151255 |
| BINARY | 00100011, 00100011, 11111111 | |
| iOS - SwiftUI | Color(red: 0.137, green: 0.137, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.137, green: 0.137, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFF2323FF) |


