Sobre Light Sky Blue
Light Sky Blue (lightskyblue) é um azul claro e vibrante, com o código hex #87cefa, ou rgb(135, 206, 250). Em HSL, ela tem matiz de 203°, saturação de 92% e luminosidade de 75%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lightskyblue; no lugar do valor hex.
Usando Light Sky Blue em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Light Sky Blue sobre branco | 1.72 : 1 | reprova |
| Texto Light Sky Blue sobre preto | 12.24 : 1 | AAA |
Em um fundo azul céu claro, use texto em preto (12.24 : 1). A WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.
CSS
.element {
color: lightskyblue; /* or #87cefa */
background-color: #87cefa;
border: 1px solid rgb(135 206 250 / 50%);
}
Cores nomeadas semelhantes
Azul Céu (#87ceeb), Azul Claro (#add8e6), Azul Pó (#b0e0e6), Azul Aço Claro (#b0c4de), Turquesa Pálido (#afeeee), Aquamarina (#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.