Sobre o Verde Oliva Escuro
Verde Oliva Escuro (darkolivegreen) é um verde escuro e moderadamente saturado, com o código hex #556b2f, ou rgb(85, 107, 47). No HSL, ele fica com matiz de 82°, 39% de saturação e 30% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: darkolivegreen; no lugar do valor hex.
Usando o Verde Oliva Escuro em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Verde Oliva Escuro sobre branco | 5.95 : 1 | AA |
| Texto Verde Oliva Escuro sobre preto | 3.53 : 1 | AA apenas para texto grande |
Em um fundo verde oliva escuro, use texto branco (5.95 : 1). O WCAG pede no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de contraste.
CSS
.element {
color: darkolivegreen; /* or #556b2f */
background-color: #556b2f;
border: 1px solid rgb(85 107 47 / 50%);
}
Cores nomeadas semelhantes
Oliva Drab (#6b8e23), Cinza Ardósia Escuro (#2f4f4f), Cinza Opaco (#696969), Verde Floresta (#228b22), Verde Mar (#2e8b57), Oliva (#808000).
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.