Código da Cor Azul Aço Claro (#b0c4de)

Azul Aço Claro é #b0c4de em hex e rgb(176, 196, 222) — um azul claro. Abaixo: todos os formatos da cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Azul Aço Claro
#b0c4de
Nome CSSlightsteelblue
Hex#b0c4de
RGBrgb(176, 196, 222)
HSLhsl(214 41% 78%)
HWBhwb(214 69% 13%)
CMYK21%, 12%, 0%, 13%

Tons e sombras

Harmonias de cores

Sobre o Azul Aço Claro

Azul Aço Claro (lightsteelblue) é um azul claro, de saturação moderada, com o código hex #b0c4de, ou rgb(176, 196, 222). Em HSL ele fica no matiz de 214°, com 41% de saturação e 78% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lightsteelblue; em vez do valor hex.

Usando o Azul Aço Claro em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Azul Aço Claro no branco1.78 : 1reprovado
Texto Azul Aço Claro no preto11.80 : 1AAA

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

CSS

.element {
  color: lightsteelblue;               /* or #b0c4de */
  background-color: #b0c4de;
  border: 1px solid rgb(176 196 222 / 50%);
}

Cores nomeadas semelhantes

Azul Claro (#add8e6), Azul Pólvora (#b0e0e6), Prata (#c0c0c0), Cinza Claro (#d3d3d3), Cardo (#d8bfd8), Azul Céu (#87ceeb).

Perguntas frequentes

Qual é o código hex do azul aço claro?
#b0c4de — que equivale a rgb(176, 196, 222) e hsl(214, 41%, 78%). No CSS você também pode simplesmente escrever lightsteelblue.
O texto azul aço claro é legível no branco?
A razão de contraste dele no branco é 1.78 : 1, o que é reprovado pelo WCAG — use para decoração ou sobre um fundo escuro.
Quais cores combinam com o azul aço claro?
A cor complementar dele é #decab0; as cores análogas #b0dbde e #b3b0de ficam ao lado dela no círculo cromático.