Paleta de Cores

Cor azul-petróleo

Azul-escuro com nuance verde, como o reflexo do petróleo. É elegante e profundo, menos frio que o azul-marinho. Aparece em sofás de veludo, roupas formais e marcas que querem parecer sérias.

Também conhecida como: petróleo.

Azul-petróleo · #084C61

Sobre a cor azul-petróleo

O azul-petróleo (#084C61) é uma cor fria, escura e muito saturada. Faz parte da família dos turquesas. É formada por 8 de vermelho, 76 de verde e 97 de azul (de 0 a 255). É usada principalmente em moda, decoração, branding.

Tons de azul-petróleo: claros e escuros

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

Cores que combinam com azul-petróleo

MostardaUm contraste quente muito elegante.TerracotaQuase complementar, cheio de calor.BegeUma base suave e aconchegante.Rosa antigoContraste suave e moderno.CinzaUm visual sóbrio e sofisticado.DouradoTraz luxo e brilho.CoralUm destaque vivo e alegre.BrancoIlumina e refresca.
Como usar azul-petróleo em roupas e decoração →

Harmonias da cor azul-petróleo

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

ComplementarPróximo de: Castanho
AnálogasPróximo de: Verde-garrafa, Azul-meia-noite
TríadePróximo de: Ameixa, Verde-militar
Complementar divididaPróximo de: Vinho, Sépia
TétradePróximo de: Azul-meia-noite, Castanho, Verde-escuro

Paletas com a cor azul-petróleo

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

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

Contraste de azul-petróleo com texto

Texto brancoContraste 9.5:1 · AAA
Texto pretoContraste 2.2:1 · Não recomendado

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

Código CSS

:root {
  --azul-petroleo: #084C61;
  --azul-petroleo-rgb: 8, 76, 97;
}
.fundo { background-color: var(--azul-petroleo); }
.texto { color: var(--azul-petroleo); }

Cores parecidas com azul-petróleo

Cinza-carvãoAzul-da-prússiaGrafiteVerde-petróleoAntraciteÔnixCinza OxfordCinza-escuroAzevicheAzul-cerúleo

Paletas temáticas com esta cor

Paletas de cores para sitePaletas de cores para cafeteriaPaletas de cores de verãoPaletas de cores de invernoPaletas de cores de praiaPaletas de cores do Caribe

Mais turquesas

TurquesaÁgua-marinhaCianoVerde-águaVerde-azuladoVerde-petróleoTurquesa-escuroTurquesa pastelAzul Tiffany

Perguntas frequentes

Qual é o código da cor azul-petróleo?

O código HEX da cor azul-petróleo é #084C61. Em RGB é rgb(8, 76, 97), em HSL é hsl(194, 85%, 21%) e em CMYK é 92, 22, 0, 62.

Qual é a cor complementar de azul-petróleo?

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

Dá para usar texto branco sobre a cor azul-petróleo?

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

Quais cores combinam com azul-petróleo?

Combina bem com mostarda, terracota, bege, rosa antigo, cinza. Evite juntar com preto ou azul-marinho sem outra cor, porque ele se perde. Verdes muito brilhantes ao lado também brigam.