Sobre o Ciano Claro
Ciano Claro (lightcyan) é um ciano muito claro e vibrante, com o código hex #e0ffff, ou rgb(224, 255, 255). Em HSL, ele fica com matiz de 180°, 100% de saturação e 94% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lightcyan; no lugar do valor hex.
Usando o Ciano Claro em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto em Ciano Claro sobre branco | 1.05 : 1 | reprovado |
| Texto em Ciano Claro sobre preto | 19.92 : 1 | AAA |
Sobre um fundo ciano claro, use texto em preto (19.92 : 1). O 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: lightcyan; /* or #e0ffff */
background-color: #e0ffff;
border: 1px solid rgb(224 255 255 / 50%);
}
Cores nomeadas semelhantes
Azul Celeste (#f0ffff), Azul Alice (#f0f8ff), Creme de Menta (#f5fffa), Orvalho de Mel (#f0fff0), Branco Fantasma (#f8f8ff), 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.