Sobre o Verde Mar
Verde Mar (seagreen) é um verde escuro e moderadamente saturado, com o código hex #2e8b57, ou rgb(46, 139, 87). No HSL, ele fica no matiz de 146°, com 50% de saturação e 36% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: seagreen; no lugar do valor hex.
Usando Verde Mar em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Verde Mar no branco | 4.25 : 1 | AA apenas para texto grande |
| Texto Verde Mar no preto | 4.95 : 1 | AA |
Em um fundo verde mar, use texto em preto (4.95 : 1). O WCAG exige no mínimo 4.5 : 1 para textos normais e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: seagreen; /* or #2e8b57 */
background-color: #2e8b57;
border: 1px solid rgb(46 139 87 / 50%);
}
Cores nomeadas semelhantes
Verde Mar Médio (#3cb371), Verde Floresta (#228b22), Cinza Ardósia Escuro (#2f4f4f), Verde-azulado (#008080), Verde Oliva Escuro (#556b2f), 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.