Sobre o Aqua
Aqua (aqua) é um ciano médio e vibrante, com código hex #00ffff, ou rgb(0, 255, 255). Em HSL ele fica no matiz de 180°, com 100% de saturação e 50% de luminosidade. O CSS também aceita a grafia cyan para exatamente a mesma cor. Ela é uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: aqua; no lugar do valor hex.
Usando o Aqua em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto aqua no branco | 1.25 : 1 | reprova |
| Texto aqua no preto | 16.75 : 1 | AAA |
Em um fundo aqua, use texto em preto (16.75 : 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: aqua; /* or #00ffff */
background-color: #00ffff;
border: 1px solid rgb(0 255 255 / 50%);
}
Cores nomeadas semelhantes
Azul Céu Profundo (#00bfff), Turquesa Escuro (#00ced1), Turquesa (#40e0d0), Turquesa Médio (#48d1cc), Verde Primavera Médio (#00fa9a), Azul Dodger (#1e90ff).
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.