Sobre o Aquamarine Médio
Aquamarine Médio (mediumaquamarine) é um ciano claro e moderadamente saturado, com o código hex #66cdaa, ou rgb(102, 205, 170). Em HSL, ele fica com matiz de 160°, 51% de saturação e 60% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: mediumaquamarine; no lugar do valor hex.
Usando o Aquamarine Médio em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto em Aquamarine Médio sobre branco | 1.93 : 1 | reprova |
| Texto em Aquamarine Médio sobre preto | 10.88 : 1 | AAA |
Em um fundo aquamarine médio, use texto em preto (10.88 : 1). O WCAG exige pelo menos 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: mediumaquamarine; /* or #66cdaa */
background-color: #66cdaa;
border: 1px solid rgb(102 205 170 / 50%);
}
Cores nomeadas parecidas
Turquesa Médio (#48d1cc), Azul Cadete (#5f9ea0), Verde Mar Escuro (#8fbc8f), Turquesa (#40e0d0), Verde Claro (#90ee90), 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.