Sobre o Azul Céu
Azul Céu (skyblue) é um azul claro e vibrante com o código hex #87ceeb, ou rgb(135, 206, 235). Em HSL, ele fica com matiz de 197°, saturação de 71% e luminosidade de 73%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: skyblue; no lugar do valor hex.
Usando o Azul Céu em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Azul Céu sobre branco | 1.74 : 1 | reprovado |
| Texto Azul Céu sobre preto | 12.06 : 1 | AAA |
Em um fundo azul céu, use texto em preto (12.06 : 1). O WCAG pede pelo menos 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Teste outros pares com o Verificador de Contraste.
CSS
.element {
color: skyblue; /* or #87ceeb */
background-color: #87ceeb;
border: 1px solid rgb(135 206 235 / 50%);
}
Cores nomeadas semelhantes
Azul Céu Claro (#87cefa), Azul Claro (#add8e6), Azul Aço Claro (#b0c4de), Azul Pó (#b0e0e6), Turquesa Pálido (#afeeee), Água-marinha (#7fffd4).
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.