Cor Azul-marinho: código #000080

Azul-marinho

#000080

Códigos da cor

  • HEX#000080
  • RGBrgb(0, 0, 128)
  • HSLhsl(240, 100%, 25%)
  • HSVhsv(240, 100%, 50%)
  • CMYKcmyk(100%, 100%, 0%, 50%)
  • LABlab(13% 47.5 -64.7)
  • OKLCHoklch(27.1% 0.188 264.1)

Sobre a cor Azul-marinho

Azul-marinho tem o código HEX #000080, que corresponde a rgb(0, 0, 128) no modelo RGB. No círculo cromático, seu matiz fica em 240°, com 100% de saturação e 25% de luminosidade (hsl(240, 100%, 25%)).

Pelo matiz, é percebida como uma cor fria: tende a transmitir calma e distância e a “recuar” visualmente na composição.

Como fundo, pede texto claro: o branco atinge contraste de 16,00:1 sobre ela, contra 1,31:1 do preto.

Para impressão, a conversão aproximada é cmyk(100%, 100%, 0%, 50%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Azul-marinho

Complementar

#000080 · #808000

Análoga

#004080 · #000080 · #400080

Tríade

#000080 · #800000 · #008000

Tetrádica

#000080 · #800040 · #808000 · #008040

Complementar dividida

#000080 · #804000 · #408000

Monocromática

#000000 · #00004D · #000080 · #0000CC · #1A1AFF

Azul-marinho com texto branco e preto

Texto branco Aa Bb Cc 123
16,00:1 · AAA
Texto preto Aa Bb Cc 123
1,31:1 · não passa na WCAG

Testar outras combinações no verificador de contraste

Por que o azul-marinho passa seriedade

O nome vem dos uniformes navais, e a associação com disciplina, autoridade e confiança ficou. No Brasil, o azul-marinho é presença constante em uniformes escolares, fardas, ternos e blazers de trabalho: é a alternativa ao preto quando se quer formalidade sem peso excessivo. Como qualquer leitura de cor, isso é cultural e depende do contexto; em moda praia, por exemplo, o mesmo tom evoca o estilo náutico, listras e verão.

Tecnicamente, #000080 é azul puro com metade do brilho: hsl(240, 100%, 25%). Na tela ele é tão escuro que, em áreas pequenas, pode ser confundido com o preto.

Onde usar

Branding e interfaces

Bancos, seguradoras, escritórios de advocacia e instituições de ensino recorrem ao marinho para sinalizar solidez. Em UI, funciona como cor de cabeçalho, rodapé ou texto, com contraste de cerca de 16:1 sobre branco, muito acima do mínimo da WCAG. Confirme combinações específicas no verificador de contraste.

Moda e decoração

No guarda-roupa, o marinho é um neutro: vai com cáqui, cinza, branco e até marrom. Na decoração, paredes marinho em quarto ou escritório criam um ambiente recolhido, desde que a iluminação seja boa e haja madeira ou metal dourado para aquecer.

Combinações que funcionam

Azul-marinho × azul royal

São os dois azuis mais confundidos em pedidos de uniforme e de identidade visual. A diferença está sobretudo na luminosidade:

CorHEXHSLLeitura
Azul-marinho#000080240°, 100%, 25%escuro, formal, quase neutro
Azul royal#4169E1225°, 73%, 57%vivo, esportivo, chama atenção

Em impressão, o marinho corresponde a cerca de 100% ciano, 100% magenta e 50% preto: muita tinta, o que pede papel adequado para não borrar.

Se o marinho for a cor principal de uma marca, defina também uma referência Pantone e peça prova de cor: em tons tão escuros, pequenas variações de tinta o deixam quase preto.

Como usar em CSS

:root {
  --color-navy-blue: #000080;
  --color-navy-blue-rgb: 0, 0, 128;
}

.elemento {
  background-color: var(--color-navy-blue);
  color: #FFFFFF;
}

Cores parecidas

Use Azul-marinho nas ferramentas