Sobre a Alice Blue
Alice Blue (aliceblue) é um azul muito claro e vívido, com o código hex #f0f8ff, ou rgb(240, 248, 255). Em HSL, ela fica com matiz de 208°, 100% de saturação e 97% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: aliceblue; no lugar do valor hex.
Usando a Alice Blue em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Alice Blue sobre branco | 1.07 : 1 | reprovado |
| Texto Alice Blue sobre preto | 19.58 : 1 | AAA |
Em um fundo alice blue, use texto em preto (19.58 : 1). O WCAG pede pelo menos 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.
CSS
.element {
color: aliceblue; /* or #f0f8ff */
background-color: #f0f8ff;
border: 1px solid rgb(240 248 255 / 50%);
}
Cores nomeadas semelhantes
Azure (#f0ffff), Ghost White (#f8f8ff), Mint Cream (#f5fffa), White Smoke (#f5f5f5), Snow (#fffafa), Honey Dew (#f0fff0).
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.