Sobre o Verde Amarelado
Verde Amarelado (yellowgreen) é um verde médio e vibrante, com código hex #9acd32, ou rgb(154, 205, 50). No HSL, ele tem matiz de 80°, saturação de 61% e luminosidade de 50%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: yellowgreen; no lugar do valor hex.
Usando o Verde Amarelado em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Verde Amarelado no branco | 1.88 : 1 | reprovado |
| Texto Verde Amarelado no preto | 11.15 : 1 | AAA |
Em um fundo verde amarelado, use texto em preto (11.15 : 1). O WCAG pede 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: yellowgreen; /* or #9acd32 */
background-color: #9acd32;
border: 1px solid rgb(154 205 50 / 50%);
}
Nomes de cores parecidas
Verde-amarelo (#adff2f), Cáqui Escuro (#bdb76b), Verde Gramado (#7cfc00), Chartreuse (#7fff00), Vara de Ouro (#daa520), Verde Oliva Escuro (#6b8e23).
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.