Sobre o Verde Pálido
Verde Pálido (palegreen) é um verde claro e vibrante, com o código hex #98fb98, ou rgb(152, 251, 152). Em HSL, ele tem matiz de 120°, saturação de 93% e luminosidade de 79%. É uma das 148 cores nomeadas que todos os navegadores reconhecem, então você pode escrever color: palegreen; no lugar do valor hex.
Como usar o Verde Pálido em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Verde Pálido sobre branco | 1.27 : 1 | reprova |
| Texto Verde Pálido sobre preto | 16.59 : 1 | AAA |
Em um fundo verde pálido, use texto em preto (16.59 : 1). A 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: palegreen; /* or #98fb98 */
background-color: #98fb98;
border: 1px solid rgb(152 251 152 / 50%);
}Cores nomeadas semelhantes
Verde Claro (#90ee90), Verde Mar Escuro (#8fbc8f), Aquamarina (#7fffd4), Aquamarina Média (#66cdaa), Prata (#c0c0c0), Cinza Escuro (#a9a9a9).
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.