
Roda de cores Figma
Quer encontrar as cores complementares ou análogas perfeitas para combinar com azul-marinho?
Ir para o conteúdo principal
Tudo o que você precisa saber sobre azul-marinho para inspirar seu próximo design.
O azul-marinho é uma cor sofisticada e serena, com sutis tons de roxo que realçam seu senso de luxo e elegância. Este tom profundo e rico está na seção azul-violeta da roda de cores, denotando um tom mais frio. Inclui matizes como azul meia-noite e azul tinta.

O azul-marinho é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #000080
- Valor RGB: 0% vermelho, 0% verde e 50,2% 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-marinho em seus designs:
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você estiver projetando para um público global, pesquise considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro profundo e autoritário do azul-marinho, considere:
Para complementar os tons profundos do azul-marinho, considere combiná-lo com:
Outras cores que valem a pena considerar incluem verde sálvia para um visual natural e harmonioso; prata para um toque moderno e elegante; e laranja queimado para uma vibração ousada e outonal.
Embora o azul-marinho seja versátil, ele pode entrar em conflito com:
O azul-marinho é comumente associado à autoridade e profissionalismo. Ele transmite estabilidade, confiabilidade e sofisticação. Esta cor frequentemente representa profundidade e expertise.
Na psicologia das cores, acredita-se que o azul-marinho promove clareza mental e concentração. É considerado uma cor de intelecto, sabedoria e poder. O tom profundo de azul tem um efeito calmante que pode ajudar a focar pensamentos, reduzir o estresse e aumentar a produtividade.
O azul-marinho é uma escolha popular no design de UI/UX, particularmente para branding corporativo e plataformas educacionais. É frequentemente usado para comunicar confiabilidade e profissionalismo. No design digital, o azul-marinho pode ser usado como uma cor de marca para estabelecer uma base sólida ou como uma cor de destaque para realçar características-chave. Ele combina bem com muitas outras cores, proporcionando contraste e interesse visual enquanto mantém um ar de formalidade e elegância.
O azul-marinho tem uma rica história que remonta a 1748, quando foi deliberadamente escolhido para os uniformes da Marinha Real Britânica. A decisão foi baseada em suas propriedades de resistência à cor e praticidade em camuflar sujeira e desgaste, tornando-o uma escolha ideal para longas jornadas oceânicas. A adoção do azul-marinho pela Marinha Real estabeleceu sua forte associação com autoridade marítima e disciplina e levou outras marinhas ao redor do mundo a adotarem esquemas de cores semelhantes.
Até o século 20, o azul-marinho fez a transição de uma cor marítima para um item básico nos guarda-roupas civis. A cor simbolizava elegância discreta na moda, vestuário de negócios e até mesmo no design de interiores. Ela equilibra suas origens na utilidade naval com um apelo moderno de sofisticação, tornando-se uma cor versátil que resistiu ao teste do tempo. O azul-marinho continua a ser reverenciado por sua profundidade e versatilidade, unindo a tradição ao design contemporâneo.
Sombras
Tonalidades
Tons
Matizes
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Azuis Obsidianos
Brilho Noturno
Mancha de Tinta
Contraste 16,01
#000080
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 1,31
#000080
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 #000080, conhecida como azul-marinho, tem valores RGB de R:0, G:0, B:128 e valores CMYK de C:100, M:100, Y:0, K:50.
| VALUE | CSS | |
|---|---|---|
| HEX | #000080 | #000080 |
| RGB DECIMAL | 0, 0, 128 | RGB(0,0,128) |
| RGB PERCENTAGE | 0.0, 0.0, 50.2 | RGB(0.0%,0.0%,50.2%) |
| CMYK | 100, 100, 0, 50 | |
| HSL | HSL(240.0, 100.0%, 25.1%) | HSL(240.0, 100.0%, 25.1%) |
| HSV (OR HSB) | 240.0°, 100.0, 50.2 | |
| WEB SAFE | #00153 | #00153 |
| BINARY | 00000000, 00000000, 10000000 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.000, blue: 0.502) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.000, blue: 0.502, alpha: 1) | |
| Android - Compose | Color(0xFF000080) |

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

Saiba mais sobre o azul centáurea.

Saiba mais sobre a cor azul-esverdeado.