Sobre o Mint Cream
Mint Cream (mintcream) é um verde muito claro e vibrante, com o código hex #f5fffa, ou rgb(245, 255, 250). No HSL, ele tem matiz de 150°, saturação de 100% e luminosidade de 98%. É uma das 148 cores nomeadas que todo navegador entende, então você pode escrever color: mintcream; no lugar do valor hex.
Usando o Mint Cream em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Mint Cream sobre branco | 1.02 : 1 | reprovado |
| Texto Mint Cream sobre preto | 20.57 : 1 | AAA |
Sobre um fundo mint cream, use texto em preto (20.57 : 1). O WCAG pede 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: mintcream; /* or #f5fffa */
background-color: #f5fffa;
border: 1px solid rgb(245 255 250 / 50%);
}Cores nomeadas semelhantes
Azure (#f0ffff), Ghost White (#f8f8ff), Alice Blue (#f0f8ff), Honey Dew (#f0fff0), Snow (#fffafa), Branco (#ffffff).
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.