Acerca de Thistle
Thistle (thistle) es un magenta muy claro y apagado con el código hex #d8bfd8, o rgb(216, 191, 216). En HSL tiene un tono de 300°, una saturación del 24 % y una luminosidad del 80 %. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: thistle; en lugar del valor hex.
Usar Thistle para texto y fondos
| Combinación | Relación de contraste | WCAG |
|---|---|---|
| Texto Thistle sobre blanco | 1.70 : 1 | no cumple |
| Texto Thistle sobre negro | 12.36 : 1 | AAA |
Sobre un fondo thistle, usa texto en negro (12.36 : 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: thistle; /* or #d8bfd8 */
background-color: #d8bfd8;
border: 1px solid rgb(216 191 216 / 50%);
}Nombres de color similares
Gris claro (#d3d3d3), Gainsboro (#dcdcdc), Ciruela (#dda0dd), Plateado (#c0c0c0), Azul acero claro (#b0c4de), Rosa (#ffc0cb).
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.