Sobre a Oliva
Oliva (olive) é um amarelo escuro e vibrante, com o código hex #808000, ou rgb(128, 128, 0). Em HSL, ela fica com matiz de 60°, saturação de 100% e luminosidade de 25%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: olive; em vez do valor hex.
Usando a oliva em textos e fundos
| Par | Razão de contraste | WCAG |
|---|---|---|
| Texto oliva no branco | 4.20 : 1 | AA apenas para texto grande |
| Texto oliva no preto | 5.01 : 1 | AA |
Em um fundo oliva, use texto em preto (5.01 : 1). A WCAG exige no mínimo 4.5 : 1 para textos normais e 3 : 1 para textos grandes. Confira outros pares com o Verificador de Contraste.
CSS
.element {
color: olive; /* or #808000 */
background-color: #808000;
border: 1px solid rgb(128 128 0 / 50%);
}Cores nomeadas semelhantes
Verde-oliva (#6b8e23), Dourado escuro (#b8860b), Marrom sela (#8b4513), Verde-oliva escuro (#556b2f), Siena (#a0522d), Chocolate (#d2691e).
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.