Paleta de Cores

Cor azul-oceano

Um azul intenso e médio-escuro que lembra águas profundas em alto-mar. É muito popular em decoração praiana, moda náutica e marcas que querem passar confiança.

Também conhecida como: azul-mar.

Abrir no editor

O código HEX da cor azul-oceano é #005A9C. Em RGB é rgb(0, 90, 156), em HSL é hsl(205, 100%, 31%) e em CMYK é 100, 42, 0, 39.

Veja na vida real

Escolha uma cor para combinar e veja como fica em roupas, decoração e design.

Cores parecidas com azul-oceano

Azul-francês#0072BBAzul-jeans#1560BDAzul-aço#4682B4Azul-cerúleo#007BA7Ultravioleta#5F4B8BAzul-da-prússia#003153

Sobre a cor azul-oceano

O azul-oceano (#005A9C) é uma cor fria, de luminosidade média e muito saturada. Faz parte da família dos azuis. É formada por 0 de vermelho, 90 de verde e 156 de azul (de 0 a 255). É usada principalmente em decoração, branding, moda.

Amostra da cor Azul-oceano com seus tons do claro ao escuro · #005A9C
Azul-oceano · #005A9C

Tons de azul-oceano: claros e escuros

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

Veja todos os tons: Gerador de escala de cores

Cores de roupa por estação e estilo80 paletas masculinas e femininas, cada uma com 8 looks para copiar: luxo discreto, praia, montanha, trabalho e mais.Ver paletas de roupa

Harmonias da cor azul-oceano

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

ComplementarPróximo de: Marrom
AnálogasPróximo de: Ciano-escuro, Azul-escuro
TríadePróximo de: Rosa-escuro, Verde-abacate
Complementar divididaPróximo de: Cranberry, Verde-oliva
TétradePróximo de: Púrpura, Marrom, Verde Kelly

Paletas com a cor azul-oceano

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

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

Contraste de azul-oceano com texto

Texto brancoContraste 7.1:1 · AAA
Texto pretoContraste 2.9:1 · Não recomendado

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

Código CSS

:root {
  --azul-oceano: #005A9C;
  --azul-oceano-rgb: 0, 90, 156;
}
.fundo { background-color: var(--azul-oceano); }
.texto { color: var(--azul-oceano); }

Cores parecidas com azul-oceano

Azul-cobaltoAzul-safiraAzul-centáureaAzul-petróleo

Onde você vê esta cor

PanamáBandeirasFC BarcelonaTimes de futebolPepsiMarcasReal MadridTimes de futebolTigres UANLTimes de futebol

Paletas temáticas com esta cor

Mais azuis

AzulAzul-marinhoAzul-celesteAzul-cobaltoAzul-safiraAzul-açoAzul-royalAzul-elétricoAzul-meia-noiteAzul-ultramarAzul-francêsAzul-da-prússiaAzul pastelAzul-bebêAzul-jeansAzul KleinAzul-escuroAzul-claroAzul-cerúleoAzul-pervincaAzureAzul-centáureaAzul empoeiradoAzul-pó
Amostra da cor Azul-oceano com seus tons do claro ao escuro · #005A9C
Amostra da cor Azul-oceano com seus tons do claro ao escuro · #005A9C

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresFormato de rostoDescubra seu formato de rosto, cortes e óculos ideaisRoleta personalizadaEscreva suas opções e gire a roleta. De cores também
Ver todas as ferramentas grátis →

Perguntas frequentes

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

O código HEX da cor azul-oceano é #005A9C. Em RGB é rgb(0, 90, 156), em HSL é hsl(205, 100%, 31%) e em CMYK é 100, 42, 0, 39.

Qual é a cor complementar de azul-oceano?

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

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

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