Sobre a cor Misty Rose
Misty Rose (mistyrose) é um vermelho muito claro e vibrante, com código hex #ffe4e1, ou rgb(255, 228, 225). No HSL, ela fica com matiz de 6°, saturação de 100% e luminosidade de 94%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: mistyrose; no lugar do valor hex.
Usando Misty Rose em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Misty Rose no branco | 1.20 : 1 | reprova |
| Texto Misty Rose no preto | 17.44 : 1 | AAA |
Sobre um fundo misty rose, use texto em preto (17.44 : 1). O WCAG pede pelo menos 4.5 : 1 para texto corrido e 3 : 1 para texto grande. Confira outras combinações no Verificador de Contraste.
CSS
.element {
color: mistyrose; /* or #ffe4e1 */
background-color: #ffe4e1;
border: 1px solid rgb(255 228 225 / 50%);
}
Cores nomeadas parecidas
Branco Antigo (#faebd7), Linho (#faf0e6), Creme de Papaia (#ffefd5), Renda Antiga (#fdf5e6), Bege (#f5f5dc), Seda de Milho (#fff8dc).
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.