Paleta de Cores

Cor azul-marinho

Tem esse nome por causa dos uniformes da marinha britânica. É um azul muito escuro, sério e fácil de combinar. É básico em ternos, uniformes escolares e decoração náutica.

Também conhecida como: marinho, navy.

Azul-marinho · #000080

Sobre a cor azul-marinho

O azul-marinho (#000080) é uma cor fria, escura e muito saturada. Faz parte da família dos azuis. É formada por 0 de vermelho, 0 de verde e 128 de azul (de 0 a 255). É usada principalmente em moda, uniformes, decoração.

Tons de azul-marinho: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Cores que combinam com azul-marinho

BrancoO contraste clássico do estilo navy, limpo e fresco.BegeUma dupla elegante e descontraída, ótima para o dia a dia.CarameloO tom quente do caramelo equilibra o frio do marinho.VermelhoCria um contraste forte e esportivo.DouradoTraz um ar de luxo; muito usado em botões e detalhes.Rosa antigoSuaviza o marinho e deixa o visual mais romântico.MostardaUm destaque quente e moderno sobre a base escura.Cinza-claroUma mistura sóbria, perfeita para o trabalho.
Como usar azul-marinho em roupas e decoração →

Harmonias da cor azul-marinho

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

ComplementarPróximo de: Verde-oliva
AnálogasPróximo de: Ultravioleta, Índigo
TríadePróximo de: Grená, Verde
Complementar divididaPróximo de: Chocolate, Verde
TétradePróximo de: Borgonha, Verde-oliva, Verde-jade

Paletas com a cor azul-marinho

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Azul-marinho
Paleta análoga · Azul-marinho
Paleta complementar · Azul-marinho
Paleta tríade · Azul-marinho
Paleta com neutros · Azul-marinho
Paleta com destaque · Azul-marinho

Contraste de azul-marinho com texto

Texto brancoContraste 16.0:1 · AAA
Texto pretoContraste 1.3:1 · Não recomendado

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --azul-marinho: #000080;
  --azul-marinho-rgb: 0, 0, 128;
}
.fundo { background-color: var(--azul-marinho); }
.texto { color: var(--azul-marinho); }

Cores parecidas com azul-marinho

Azul-ultramarAzul-escuroÍndigoAzul KleinAzul-meia-noiteRoxoRoxo-uvaAzul-cobaltoPúrpuraAzul-safira

Mais azuis

AzulAzul-celesteAzul-cobaltoAzul-safiraAzul-açoAzul-royalAzul-elétricoAzul-meia-noiteAzul-ultramarAzul-francêsAzul-da-prússiaAzul pastelAzul-bebêAzul-jeansAzul KleinAzul-escuroAzul-claroAzul-cerúleo

Perguntas frequentes

Qual é o código da cor azul-marinho?

O código HEX da cor azul-marinho é #000080. Em RGB é rgb(0, 0, 128), em HSL é hsl(240, 100%, 25%) e em CMYK é 100, 100, 0, 50.

Qual é a cor complementar de azul-marinho?

A complementar no círculo cromático é #808000, um tom próximo de verde-oliva. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor azul-marinho?

Sim. O contraste com o branco é 16.0:1, suficiente para texto comum (WCAG AA).

Quais cores combinam com azul-marinho?

Combina bem com branco, bege, caramelo, vermelho, dourado. Evite combinar com preto se os dois tons ficarem muito parecidos, porque parece erro. Roxo escuro ao lado também se confunde e tira a clareza.