Sobre Olive Drab
Olive Drab (olivedrab) é um verde escuro e vibrante com o código hex #6b8e23, ou rgb(107, 142, 35). Em HSL, ele tem matiz de 80°, 60% de saturação e 35% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: olivedrab; no lugar do valor hex.
Usando Olive Drab em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Olive Drab no branco | 3.81 : 1 | Somente AA para texto grande |
| Texto Olive Drab no preto | 5.52 : 1 | AA |
Em um fundo olive drab, use texto em preto (5.52 : 1). O WCAG exige 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: olivedrab; /* or #6b8e23 */
background-color: #6b8e23;
border: 1px solid rgb(107 142 35 / 50%);
}
Nomes de cores semelhantes
Verde Oliva Escuro (#556b2f), Oliva (#808000), Verde Floresta (#228b22), Cinza Opaco (#696969), Verde Amarelado (#9acd32), Verde Mar (#2e8b57).
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.