Saltar al contenido
Color Codes

Color CSS con nombre

Código de color Crimson

Crimson es un rosa de luminosidad media y intenso con el código hexadecimal #DC143C. En RGB es rgb(220, 20, 60), en HSL hsl(348, 83%, 47%) y en CMYK cmyk(0%, 91%, 73%, 14%).

Crimson
#DC143C

Valores del color

En CSS puedes escribirlo con la palabra clave crimson.

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

El color de Tailwind CSS más cercano es Rose 600 (#E11D48).

Usar Crimson en CSS

.element {
  color: crimson;
  background-color: #dc143c;
  border-color: rgb(220, 20, 60);
}

Tonos claros y oscuros de Crimson

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

Colores que combinan con Crimson

Armonías de la rueda de color creadas a partir de #DC143C. 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 Crimson

Aa
Texto blanco
4.99:1
AA
Aa
Texto negro
4.21:1
AA · Texto grande
Comprobar en el verificador de contraste

Colores parecidos a Crimson

Paletas con colores parecidos

Preguntas sobre Crimson

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

El código hexadecimal de Crimson es #DC143C. Su valor RGB es rgb(220, 20, 60) y su valor HSL es hsl(348, 83%, 47%).

¿Qué colores combinan con Crimson?

El color complementario de Crimson es #14DBB4. Para un esquema más suave prueba los colores análogos #DB14A0 y #DB5014; para un esquema equilibrado de tres colores usa los triádicos #3CDB14 y #143CDB.

¿Crimson es legible como color de texto?

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

Más colores de la familia rojos