Sobre o Verde Mar Médio
Verde Mar Médio (mediumseagreen) é um verde médio, com saturação moderada, de código hex #3cb371, ou rgb(60, 179, 113). No HSL, fica com matiz de 147°, 50% de saturação e 47% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: mediumseagreen; no lugar do valor hex.
Usando o Verde Mar Médio em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Verde Mar Médio sobre branco | 2.67 : 1 | reprova |
| Texto Verde Mar Médio sobre preto | 7.88 : 1 | AAA |
Sobre um fundo verde mar médio, use texto em preto (7.88 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outros pares no Verificador de Contraste.
CSS
.element {
color: mediumseagreen; /* or #3cb371 */
background-color: #3cb371;
border: 1px solid rgb(60 179 113 / 50%);
}
Cores nomeadas semelhantes
Verde Mar (#2e8b57), Azul Cadete (#5f9ea0), Verde Mar Claro (#20b2aa), Verde Limão (#32cd32), Água-marinha Média (#66cdaa), Ciano Escuro (#008b8b).
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.