Saltar al contenido
Color Codes

Color CSS con nombre

Código de color LightPink

LightPink es un rosa muy claro y intenso con el código hexadecimal #FFB6C1. En RGB es rgb(255, 182, 193), en HSL hsl(351, 100%, 86%) y en CMYK cmyk(0%, 29%, 24%, 0%).

LightPink
#FFB6C1

Valores del color

En CSS puedes escribirlo con la palabra clave lightpink.

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

El color de Tailwind CSS más cercano es Red 200 (#FECACA).

Usar LightPink en CSS

.element {
  color: lightpink;
  background-color: #ffb6c1;
  border-color: rgb(255, 182, 193);
}

Tonos claros y oscuros de LightPink

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

Colores que combinan con LightPink

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

Aa
Texto blanco
1.65:1
No cumple
Aa
Texto negro
12.71:1
AAA
Comprobar en el verificador de contraste

Colores parecidos a LightPink

Paletas con colores parecidos

Preguntas sobre LightPink

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

El código hexadecimal de LightPink es #FFB6C1. Su valor RGB es rgb(255, 182, 193) y su valor HSL es hsl(351, 100%, 86%).

¿Qué colores combinan con LightPink?

El color complementario de LightPink es #B8FFF4. Para un esquema más suave prueba los colores análogos #FFB8E6 y #FFD1B8; para un esquema equilibrado de tres colores usa los triádicos #C2FFB8 y #B8C2FF.

¿LightPink es legible como color de texto?

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

Más colores de la familia rosas