Sobre o Powder Blue
Powder Blue (powderblue) é um ciano muito claro e de saturação moderada, com o código hex #b0e0e6, ou rgb(176, 224, 230). No HSL ele fica com matiz de 187°, 52% de saturação e 80% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: powderblue; no lugar do valor hex.
Usando Powder Blue em textos e fundos
| Par | Razão de contraste | WCAG |
|---|---|---|
| Texto Powder Blue sobre branco | 1.43 : 1 | reprovado |
| Texto Powder Blue sobre preto | 14.65 : 1 | AAA |
Em um fundo powder blue, use texto em preto (14.65 : 1). A WCAG exige pelo menos 4.5 : 1 para textos normais e 3 : 1 para textos grandes. Teste outros pares com o Verificador de Contraste.
CSS
.element {
color: powderblue; /* or #b0e0e6 */
background-color: #b0e0e6;
border: 1px solid rgb(176 224 230 / 50%);
}
Cores nomeadas semelhantes
Azul Claro (#add8e6), Turquesa Pálido (#afeeee), Azul Aço Claro (#b0c4de), Cinza Claro (#d3d3d3), Azul Céu (#87ceeb), Gainsboro (#dcdcdc).
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.