Sobre o Azul Cornflower
Azul Cornflower (cornflowerblue) é um azul claro e vibrante, com o código hex #6495ed, ou rgb(100, 149, 237). No HSL, ele fica com matiz de 219°, 79% de saturação e 66% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: cornflowerblue; no lugar do valor hex.
Usando o Azul Cornflower em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Azul Cornflower no branco | 2.97 : 1 | reprovado |
| Texto Azul Cornflower no preto | 7.06 : 1 | AAA |
Em um fundo azul cornflower, use texto em preto (7.06 : 1). A WCAG exige pelo menos 4.5 : 1 para textos normais e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.
CSS
.element {
color: cornflowerblue; /* or #6495ed */
background-color: #6495ed;
border: 1px solid rgb(100 149 237 / 50%);
}
Cores nomeadas semelhantes
Azul Ardósia Médio (#7b68ee), Azul Real (#4169e1), Roxo Médio (#9370db), Azul Céu (#87ceeb), Azul Aço (#4682b4), Azul Ardósia (#6a5acd).
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.