Sobre o Turquesa Escuro
Turquesa Escuro (darkturquoise) é um ciano médio e vibrante, com o código hex #00ced1, ou rgb(0, 206, 209). No HSL, ele fica com matiz de 181°, saturação de 100% e luminosidade de 41%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: darkturquoise; em vez do valor hex.
Usando o Turquesa Escuro em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto em Turquesa Escuro sobre branco | 1.95 : 1 | reprova |
| Texto em Turquesa Escuro sobre preto | 10.75 : 1 | AAA |
Em um fundo turquesa escuro, use texto em preto (10.75 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Para testar outras combinações, use o Verificador de contraste.
CSS
.element {
color: darkturquoise; /* or #00ced1 */
background-color: #00ced1;
border: 1px solid rgb(0 206 209 / 50%);
}
Cores nomeadas semelhantes
Azul Céu Profundo (#00bfff), Verde Mar Claro (#20b2aa), Turquesa (#40e0d0), Aqua (#00ffff), Verde Primavera Médio (#00fa9a), Turquesa Médio (#48d1cc).
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.