Acerca de Rosa claro
Rosa claro (lightpink) es un rojo muy claro y vivo con el código hex #ffb6c1, o rgb(255, 182, 193). En HSL tiene un tono de 351°, 100% de saturación y 86% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: lightpink; en lugar del valor hex.
Uso de Rosa claro en texto y fondos
| Combinación | Relación de contraste | WCAG |
|---|---|---|
| Texto Rosa claro sobre blanco | 1.65 : 1 | no cumple |
| Texto Rosa claro sobre negro | 12.71 : 1 | AAA |
Sobre un fondo rosa claro, usa texto en negro (12.71 : 1). WCAG pide al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Comprobador de contraste.
CSS
.element {
color: lightpink; /* or #ffb6c1 */
background-color: #ffb6c1;
border: 1px solid rgb(255 182 193 / 50%);
}Colores con nombre similares
Rosa (#ffc0cb), Melocotón pálido (#ffdab9), Trigo (#f5deb3), Blanco navajo (#ffdead), Bizcocho (#ffe4c4), Cardo (#d8bfd8).
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.