
Roda de cores Figma
Quer encontrar as cores complementares ou análogas perfeitas para combinar com azul neon?
Ir para o conteúdo principal
Tudo o que você precisa saber sobre azul neon para inspirar seu próximo design.
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:
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:
Para complementar o azul neon, considere combiná-lo com:
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:
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.
Sombras
Tonalidades
Tons
Matizes
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Azuis Cósmicos
Celestial
Noite Festiva
Contraste 7,62
#2323FF
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 2,76
#2323FF
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
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) |

Quer encontrar as cores complementares ou análogas perfeitas para combinar com azul neon?

Descubra a natureza elétrica do ciano.

Explore a cor tropical do azul elétrico.