Sobre a cor Marfim
Marfim (ivory) é um amarelo muito claro e vibrante, com o código hex #fffff0, ou rgb(255, 255, 240). No HSL, ele tem matiz de 60°, saturação de 100% e luminosidade de 97%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: ivory; no lugar do valor hex.
Usando Marfim em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto marfim sobre branco | 1.01 : 1 | reprova |
| Texto marfim sobre preto | 20.81 : 1 | AAA |
Em um fundo marfim, use texto em preto (20.81 : 1). O 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: ivory; /* or #fffff0 */
background-color: #fffff0;
border: 1px solid rgb(255 255 240 / 50%);
}Cores nomeadas semelhantes
Branco Floral (#fffaf0), Concha (#fff5ee), Neve (#fffafa), Creme de Menta (#f5fffa), Renda Antiga (#fdf5e6), Orvalho de Mel (#f0fff0).
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.