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ção | Razão de contraste | WCAG |
|---|---|---|
| Texto Azul Aço Claro no branco | 1.78 : 1 | reprovado |
| Texto Azul Aço Claro no preto | 11.80 : 1 | AAA |
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).
Nomear Cores
Cole um código HEX para obter o nome mais próximo, legível para humanos, e nomes de tokens limpos para o seu CSS, SCSS, JavaScript ou configuração do Tailwind.