Sobre a Turquesa
Turquesa (turquoise) é um ciano médio e vibrante, com o código hex #40e0d0, ou rgb(64, 224, 208). No HSL ela tem matiz de 174°, saturação de 72% e luminosidade de 56%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: turquoise; no lugar do valor hex.
Usando a Turquesa em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto turquesa no branco | 1.64 : 1 | reprova |
| Texto turquesa no preto | 12.79 : 1 | AAA |
Em um fundo turquesa, use texto em preto (12.79 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: turquoise; /* or #40e0d0 */
background-color: #40e0d0;
border: 1px solid rgb(64 224 208 / 50%);
}
Cores nomeadas semelhantes
Turquesa Média (#48d1cc), Aquamarina Média (#66cdaa), Turquesa Escura (#00ced1), Verde-mar Claro (#20b2aa), Aquamarina (#7fffd4), Azul Céu (#87ceeb).
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.