Acerca del marfil
Marfil (ivory) es un amarillo muy claro y vivo, con el código hexadecimal #fffff0, o rgb(255, 255, 240). En HSL tiene un matiz de 60°, saturación del 100% y luminosidad del 97%. Es uno de los 148 colores con nombre que entienden todos los navegadores, así que puedes escribir color: ivory; en lugar del valor hexadecimal.
Uso del marfil para texto y fondos
| Combinación | Ratio de contraste | WCAG |
|---|---|---|
| Texto marfil sobre blanco | 1.01 : 1 | no cumple |
| Texto marfil sobre negro | 20.81 : 1 | AAA |
Sobre un fondo marfil, usa texto en negro (20.81 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Contrast Checker.
CSS
.element {
color: ivory; /* or #fffff0 */
background-color: #fffff0;
border: 1px solid rgb(255 255 240 / 50%);
}
Colores con nombre similares
Blanco floral (#fffaf0), Concha marina (#fff5ee), Nieve (#fffafa), Crema de menta (#f5fffa), Encaje antiguo (#fdf5e6), Rocío de miel (#f0fff0).
Buscador de Nombres de Color
Pega un código HEX para obtener su nombre más cercano y legible, además de nombres de token limpios para tu CSS, SCSS, JavaScript o configuración de Tailwind.