Sobre Azure
Azure (azure) é um ciano muito claro e vibrante, com o código hexadecimal #f0ffff, ou rgb(240, 255, 255). No HSL, fica em matiz de 180°, saturação de 100% e luminosidade de 97%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: azure; em vez do valor hex.
Usando Azure em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Azure no branco | 1.03 : 1 | reprovado |
| Texto Azure no preto | 20.45 : 1 | AAA |
Sobre um fundo azure, use texto em preto (20.45 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: azure; /* or #f0ffff */
background-color: #f0ffff;
border: 1px solid rgb(240 255 255 / 50%);
}Cores nomeadas semelhantes
Azul Alice (#f0f8ff), Creme Menta (#f5fffa), Branco Fantasma (#f8f8ff), Orvalho de Mel (#f0fff0), Branco (#ffffff), Fumaça Branca (#f5f5f5).
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.