Paleta de Cores

Cor azul-aço

Azul médio com fundo acinzentado, como o reflexo do aço. No CSS se chama steelblue. É sóbrio e técnico, útil em interfaces e marcas industriais.

Também conhecida como: steel blue.

Azul-aço · #4682B4

Sobre a cor azul-aço

O azul-aço (#4682B4) é uma cor fria, de luminosidade média e de saturação média. Faz parte da família dos azuis. É formada por 70 de vermelho, 130 de verde e 180 de azul (de 0 a 255). É usada principalmente em web, industrial, moda.

Tons de azul-aço: claros e escuros

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

Harmonias da cor azul-aço

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

ComplementarPróximo de: Cobre
AnálogasPróximo de: Azul Tiffany, Azul-cobalto
TríadePróximo de: Ameixa, Verde-pistache
Complementar divididaPróximo de: Vermelho-indiano, Ouro velho
TétradePróximo de: Orquídea, Cobre, Verde-floresta

Paletas com a cor azul-aço

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

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

Contraste de azul-aço com texto

Texto brancoContraste 4.1:1 · AA texto grande
Texto pretoContraste 5.1:1 · AA

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

Código CSS

:root {
  --azul-aco: #4682B4;
  --azul-aco-rgb: 70, 130, 180;
}
.fundo { background-color: var(--azul-aco); }
.texto { color: var(--azul-aco); }

Cores parecidas com azul-aço

Azul-cerúleoCinza-azuladoAzul-francêsCinza-ardósiaAzul-petróleoCinza-açoAzul-bebêCinza-chumboAzul-celesteAzul-jeans

Paletas temáticas com esta cor

Paletas de cores para festa de 15 anosPaletas de cores para InstagramPaletas de cores para TCC e tesePaletas de cores para clínica e consultórioPaletas de cores aesthetic

Mais azuis

AzulAzul-marinhoAzul-celesteAzul-cobaltoAzul-safiraAzul-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-aço?

O código HEX da cor azul-aço é #4682B4. Em RGB é rgb(70, 130, 180), em HSL é hsl(207, 44%, 49%) e em CMYK é 61, 28, 0, 29.

Qual é a cor complementar de azul-aço?

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

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

Melhor usar texto preto: o contraste com o branco é só 4.1:1, enquanto com o preto é 5.1:1.