Saltar al contenido
Color Codes

Color CSS con nombre

Código de color LavenderBlush

LavenderBlush es un blanco roto muy claro con el código hexadecimal #FFF0F5. En RGB es rgb(255, 240, 245), en HSL hsl(340, 100%, 97%) y en CMYK cmyk(0%, 6%, 4%, 0%).

LavenderBlush
#FFF0F5

Valores del color

En CSS puedes escribirlo con la palabra clave lavenderblush.

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

El color de Tailwind CSS más cercano es Pink 50 (#FDF2F8).

Usar LavenderBlush en CSS

.element {
  color: lavenderblush;
  background-color: #fff0f5;
  border-color: rgb(255, 240, 245);
}

Tonos claros y oscuros de LavenderBlush

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

Colores que combinan con LavenderBlush

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

Aa
Texto blanco
1.10:1
No cumple
Aa
Texto negro
19.03:1
AAA
Comprobar en el verificador de contraste

Colores parecidos a LavenderBlush

Paletas con colores parecidos

Preguntas sobre LavenderBlush

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

El código hexadecimal de LavenderBlush es #FFF0F5. Su valor RGB es rgb(255, 240, 245) y su valor HSL es hsl(340, 100%, 97%).

¿Qué colores combinan con LavenderBlush?

El color complementario de LavenderBlush es #F0FFFA. Para un esquema más suave prueba los colores análogos #FFF0FC y #FFF2F0; para un esquema equilibrado de tres colores usa los triádicos #F5FFF0 y #F0F5FF.

¿LavenderBlush es legible como color de texto?

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

Más colores de la familia blancos