Sobre a cor Old Lace
Old Lace (oldlace) é uma cor laranja muito clara e vibrante, com o código hexadecimal #fdf5e6, ou rgb(253, 245, 230). Em HSL, ela tem matiz de 39°, saturação de 85% e luminosidade de 95%. É uma das 148 cores nomeadas que todos os navegadores reconhecem, então você pode escrever color: oldlace; no lugar do valor hex.
Usando Old Lace em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Old Lace no branco | 1.08 : 1 | reprovado |
| Texto Old Lace no preto | 19.38 : 1 | AAA |
Em um fundo Old Lace, use texto em preto (19.38 : 1). A WCAG exige pelo menos 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Teste outras combinações com o Contrast Checker.
CSS
.element {
color: oldlace; /* or #fdf5e6 */
background-color: #fdf5e6;
border: 1px solid rgb(253 245 230 / 50%);
}
Cores nomeadas semelhantes
Linho (#faf0e6), Concha do Mar (#fff5ee), Seda de Milho (#fff8dc), Branco Floral (#fffaf0), Amarelo Claro (#ffffe0), Bege (#f5f5dc).
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.