Saltar al contenido
Color Codes

Color CSS con nombre

Código de color Thistle

Thistle es un magenta claro y apagado con el código hexadecimal #D8BFD8. En RGB es rgb(216, 191, 216), en HSL hsl(300, 24%, 80%) y en CMYK cmyk(0%, 12%, 0%, 15%).

Thistle
#D8BFD8

Valores del color

En CSS puedes escribirlo con la palabra clave thistle.

El texto blanco sobre Thistle tiene una relación de contraste de 1.70:1 y el texto negro de 12.36:1, así que el texto negro es la opción más legible.

El color de Tailwind CSS más cercano es Zinc 300 (#D4D4D8).

Usar Thistle en CSS

.element {
  color: thistle;
  background-color: #d8bfd8;
  border-color: rgb(216, 191, 216);
}

Tonos claros y oscuros de Thistle

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con Thistle

Armonías de la rueda de color creadas a partir de #D8BFD8. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre Thistle

Aa
Texto blanco
1.70:1
No cumple
Aa
Texto negro
12.36:1
AAA
Comprobar en el verificador de contraste

Colores parecidos a Thistle

Paletas con colores parecidos

Preguntas sobre Thistle

¿Cuál es el código hexadecimal de Thistle?

El código hexadecimal de Thistle es #D8BFD8. Su valor RGB es rgb(216, 191, 216) y su valor HSL es hsl(300, 24%, 80%).

¿Qué colores combinan con Thistle?

El color complementario de Thistle es #C0D8C0. Para un esquema más suave prueba los colores análogos #CCC0D8 y #D8C0CC; para un esquema equilibrado de tres colores usa los triádicos #D8D8C0 y #C0D8D8.

¿Thistle es legible como color de texto?

Sobre un fondo blanco, Thistle tiene una relación de contraste de 1.70:1, que no cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 12.36:1.

Más colores de la familia morados