Saltar al contenido
Color Codes

Color CSS con nombre

Código de color Lavender

Lavender es un azul muy claro y intenso con el código hexadecimal #E6E6FA. En RGB es rgb(230, 230, 250), en HSL hsl(240, 67%, 94%) y en CMYK cmyk(8%, 8%, 0%, 2%).

Lavender
#E6E6FA

Valores del color

En CSS puedes escribirlo con la palabra clave lavender.

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

El color de Tailwind CSS más cercano es Indigo 100 (#E0E7FF).

Usar Lavender en CSS

.element {
  color: lavender;
  background-color: #e6e6fa;
  border-color: rgb(230, 230, 250);
}

Tonos claros y oscuros de Lavender

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

Colores que combinan con Lavender

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

Aa
Texto blanco
1.23:1
No cumple
Aa
Texto negro
17.06:1
AAA
Comprobar en el verificador de contraste

Colores parecidos a Lavender

Paletas con colores parecidos

Preguntas sobre Lavender

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

El código hexadecimal de Lavender es #E6E6FA. Su valor RGB es rgb(230, 230, 250) y su valor HSL es hsl(240, 67%, 94%).

¿Qué colores combinan con Lavender?

El color complementario de Lavender es #FAFAE5. Para un esquema más suave prueba los colores análogos #E5F0FA y #F0E5FA; para un esquema equilibrado de tres colores usa los triádicos #FAE5E5 y #E5FAE5.

¿Lavender es legible como color de texto?

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

Más colores de la familia morados