Sobre o Verde Primavera Médio
Verde Primavera Médio (mediumspringgreen) é um verde médio e vibrante, com código hex #00fa9a, ou rgb(0, 250, 154). Em HSL, ele tem matiz de 157°, saturação de 100% e luminosidade de 49%. É uma das 148 cores nomeadas que todos os navegadores reconhecem, então você pode escrever color: mediumspringgreen; em vez do valor hex.
Usando o Verde Primavera Médio em textos e fundos
| Combinação | Taxa de contraste | WCAG |
|---|---|---|
| Texto Verde Primavera Médio sobre branco | 1.39 : 1 | reprova |
| Texto Verde Primavera Médio sobre preto | 15.14 : 1 | AAA |
Em um fundo verde primavera médio, use texto em preto (15.14 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outros pares com o Verificador de Contraste.
CSS
.element {
color: mediumspringgreen; /* or #00fa9a */
background-color: #00fa9a;
border: 1px solid rgb(0 250 154 / 50%);
}
Cores nomeadas semelhantes
Verde Primavera (#00ff7f), Turquesa Escuro (#00ced1), Verde Mar Claro (#20b2aa), Turquesa (#40e0d0), Turquesa Médio (#48d1cc), Aqua (#00ffff).
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.