Sobre o Verde Limão
Verde Limão (limegreen) é um verde médio e vibrante, com o código hex #32cd32, ou rgb(50, 205, 50). No HSL, ele tem matiz de 120°, saturação de 61% e luminosidade de 50%. É uma das 148 cores nomeadas que todos os navegadores reconhecem, então você pode escrever color: limegreen; em vez do valor hex.
Usando o Verde Limão em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Verde Limão no branco | 2.12 : 1 | reprova |
| Texto Verde Limão no preto | 9.91 : 1 | AAA |
Em um fundo verde limão, use texto em preto (9.91 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: limegreen; /* or #32cd32 */
background-color: #32cd32;
border: 1px solid rgb(50 205 50 / 50%);
}
Nomes de cores semelhantes
Verde Mar Médio (#3cb371), Verde Floresta (#228b22), Verde Mar (#2e8b57), Verde Oliva Opaco (#6b8e23), Lima (#00ff00), Verde Gramado (#7cfc00).
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.