Sobre o Turquesa Pálido
Turquesa Pálido (paleturquoise) é um ciano muito claro e vibrante, com o código hex #afeeee, ou rgb(175, 238, 238). Em HSL, ele tem matiz de 180°, 65% de saturação e 81% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores reconhecem, então você pode escrever color: paleturquoise; no lugar do valor hex.
Usando o Turquesa Pálido em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Turquesa Pálido sobre branco | 1.29 : 1 | reprovado |
| Texto Turquesa Pálido sobre preto | 16.29 : 1 | AAA |
Sobre um fundo turquesa pálido, use texto em preto (16.29 : 1). A WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outros pares com o Verificador de Contraste.
CSS
.element {
color: paleturquoise; /* or #afeeee */
background-color: #afeeee;
border: 1px solid rgb(175 238 238 / 50%);
}
Nomes de cores semelhantes
Azul Pólvora (#b0e0e6), Azul Claro (#add8e6), Azul Aço Claro (#b0c4de), Azul Céu (#87ceeb), Gainsboro (#dcdcdc), Cinza Claro (#d3d3d3).
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.