Sobre o Ciano Escuro
Ciano Escuro (darkcyan) é um ciano escuro e vibrante, com o código hex #008b8b, ou rgb(0, 139, 139). No HSL ele fica com matiz de 180°, 100% de saturação e 27% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: darkcyan; em vez do valor hex.
Usando o Ciano Escuro em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto em Ciano Escuro sobre branco | 4.15 : 1 | Somente AA texto grande |
| Texto em Ciano Escuro sobre preto | 5.07 : 1 | AA |
Em um fundo ciano escuro, use texto em preto (5.07 : 1). O WCAG pede no mínimo 4.5 : 1 para texto corrido e 3 : 1 para texto grande. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: darkcyan; /* or #008b8b */
background-color: #008b8b;
border: 1px solid rgb(0 139 139 / 50%);
}
Cores nomeadas semelhantes
Verde-azulado (#008080), Verde-mar claro (#20b2aa), Verde-mar (#2e8b57), Verde-mar médio (#3cb371), Azul aço (#4682b4), Turquesa escuro (#00ced1).
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.