Sobre a Aquamarine
Aquamarine (aquamarine) é um ciano claro e vibrante, com o código hex #7fffd4, ou rgb(127, 255, 212). Em HSL, ela tem matiz de 160°, saturação de 100% e luminosidade de 75%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: aquamarine; em vez do valor hex.
Usando a Aquamarine em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto aquamarine no branco | 1,22 : 1 | reprovado |
| Texto aquamarine no preto | 17,16 : 1 | AAA |
Em um fundo aquamarine, use texto em preto (17,16 : 1). A WCAG exige pelo menos 4,5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.
CSS
.element {
color: aquamarine; /* or #7fffd4 */
background-color: #7fffd4;
border: 1px solid rgb(127 255 212 / 50%);
}
Cores nomeadas semelhantes
Sky Blue (#87ceeb), Pale Turquoise (#afeeee), Powder Blue (#b0e0e6), Light Sky Blue (#87cefa), Light Blue (#add8e6), Pale Green (#98fb98).
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.