Sobre a Floral White
Floral White (floralwhite) é um laranja muito claro e vibrante, com o código hexadecimal #fffaf0, ou rgb(255, 250, 240). Em HSL, ela tem matiz de 40°, saturação de 100% e luminosidade de 97%. É uma das 148 cores nomeadas que todos os navegadores reconhecem, então você pode escrever color: floralwhite; no lugar do valor hex.
Usando Floral White em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Floral White sobre branco | 1.04 : 1 | reprova |
| Texto Floral White sobre preto | 20.18 : 1 | AAA |
Sobre um fundo Floral White, use texto em preto (20.18 : 1). O WCAG exige no mínimo 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.
CSS
.element {
color: floralwhite; /* or #fffaf0 */
background-color: #fffaf0;
border: 1px solid rgb(255 250 240 / 50%);
}
Nomes de cores semelhantes
Marfim (#fffff0), Concha (#fff5ee), Neve (#fffafa), Rubor de Lavanda (#fff0f5), Renda Antiga (#fdf5e6), Fumaça Branca (#f5f5f5).
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.