Sobre a Lavender Blush
Lavender Blush (lavenderblush) é um rosa muito claro e vibrante, com o código hexadecimal #fff0f5, ou rgb(255, 240, 245). No HSL, ela fica com matiz de 340°, saturação de 100% e luminosidade de 97%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lavenderblush; em vez do valor hex.
Usando a Lavender Blush em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Lavender Blush no branco | 1.10 : 1 | reprova |
| Texto Lavender Blush no preto | 19.03 : 1 | AAA |
Em um fundo lavender blush, use texto em preto (19.03 : 1). A WCAG pede 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: lavenderblush; /* or #fff0f5 */
background-color: #fff0f5;
border: 1px solid rgb(255 240 245 / 50%);
}
Cores nomeadas semelhantes
Sea Shell (#fff5ee), Floral White (#fffaf0), Snow (#fffafa), White Smoke (#f5f5f5), Ghost White (#f8f8ff), Ivory (#fffff0).
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.