Código de cor Azul Aço (#4682b4)

Azul Aço é #4682b4 em hexadecimal e rgb(70, 130, 180), um azul médio. Abaixo você encontra todos os formatos de cor, tons e sombras, harmonias e o quão legível ele é como texto.

Atualizado em

Azul Aço
#4682b4
Nome CSSsteelblue
Hex#4682b4
RGBrgb(70, 130, 180)
HSLhsl(207 44% 49%)
HWBhwb(207 27% 29%)
CMYK61%, 28%, 0%, 29%

Tons claros e escuros

Harmonias de cores

Sobre o Azul Aço

Azul Aço (steelblue) é um azul médio e moderadamente saturado, com código hex #4682b4, ou rgb(70, 130, 180). Em HSL, ele fica no matiz de 207°, com 44% de saturação e 49% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: steelblue; em vez do valor hex.

Usando Azul Aço em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Azul Aço sobre branco4.11 : 1AA apenas para texto grande
Texto Azul Aço sobre preto5.11 : 1AA

Sobre um fundo azul aço, use texto em preto (5.11 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.

CSS

.element {
  color: steelblue;               /* or #4682b4 */
  background-color: #4682b4;
  border: 1px solid rgb(70 130 180 / 50%);
}

Nomes de cores parecidas

Azul Cadete (#5f9ea0), Azul Royal (#4169e1), Cinza Ardósia (#708090), Cinza Ardósia Claro (#778899), Azul Ardósia (#6a5acd), Verde Mar Claro (#20b2aa).

Perguntas frequentes

Qual é o código hex do azul aço?
#4682b4, que equivale a rgb(70, 130, 180) e hsl(207, 44%, 49%). No CSS você também pode simplesmente escrever steelblue.
O texto em azul aço é legível sobre branco?
A razão de contraste dele sobre branco é 4.11 : 1, que passa apenas para textos grandes (WCAG AA texto grande).
Quais cores combinam com o azul aço?
A cor complementar dele é #b47746; as cores análogas #46b4ae e #464bb4 ficam ao lado dele no círculo cromático.