Sobre o Turquesa Médio
Turquesa Médio (mediumturquoise) é um ciano médio e vibrante, com o código hex #48d1cc, ou rgb(72, 209, 204). No HSL, ele fica com matiz de 178°, saturação de 60% e luminosidade de 55%. É uma das 148 cores nomeadas que todo navegador entende, então você pode escrever color: mediumturquoise; em vez do valor hex.
Usando o Turquesa Médio em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto em Turquesa Médio sobre branco | 1.86 : 1 | reprovado |
| Texto em Turquesa Médio sobre preto | 11.27 : 1 | AAA |
Em um fundo turquesa médio, use texto em preto (11.27 : 1). O WCAG pede no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: mediumturquoise; /* or #48d1cc */
background-color: #48d1cc;
border: 1px solid rgb(72 209 204 / 50%);
}
Cores nomeadas parecidas
Turquesa (#40e0d0), Aquamarine Médio (#66cdaa), Verde Mar Claro (#20b2aa), Azul Céu (#87ceeb), Azul Cadete (#5f9ea0), Aquamarine (#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.