Acerca de Coral claro
Coral claro (lightcoral) es un rojo claro y vivo con el código hex #f08080, o bien rgb(240, 128, 128). En HSL tiene un tono de 0°, saturación del 79% y luminosidad del 72%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: lightcoral; en lugar del valor hex.
Uso de Coral claro en texto y fondos
| Combinación | Relación de contraste | WCAG |
|---|---|---|
| Texto en Coral claro sobre blanco | 2.59 : 1 | no cumple |
| Texto en Coral claro sobre negro | 8.10 : 1 | AAA |
Sobre un fondo coral claro, usa texto en negro (8.10 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.
CSS
.element {
color: lightcoral; /* or #f08080 */
background-color: #f08080;
border: 1px solid rgb(240 128 128 / 50%);
}Nombres de colores similares
Salmón (#fa8072), Salmón oscuro (#e9967a), Rojo violeta pálido (#db7093), Salmón claro (#ffa07a), Marrón arenoso (#f4a460), Coral (#ff7f50).
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.