Color Lavanda: código #E6E6FA

Lavanda

#E6E6FA

Códigos del color

  • HEX#E6E6FA
  • RGBrgb(230, 230, 250)
  • HSLhsl(240, 67%, 94%)
  • HSVhsv(240, 8%, 98%)
  • CMYKcmyk(8%, 8%, 0%, 2%)
  • LABlab(91.8% 3.7 -9.7)
  • OKLCHoklch(93.1% 0.027 285.9)

Sobre el color Lavanda

Lavanda tiene el código HEX #E6E6FA, que corresponde a rgb(230, 230, 250) en el modelo RGB. En el círculo cromático, su tono está en 240°, con 67% de saturación y 94% de luminosidad (hsl(240, 67%, 94%)).

Por su tono se percibe como un color frío: suele transmitir calma y distancia y «retrocede» visualmente en la composición.

Como fondo pide texto oscuro: el negro alcanza un contraste de 17,06:1 sobre él, frente a 1,23:1 del blanco.

Para impresión, la conversión aproximada es cmyk(8%, 8%, 0%, 2%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Lavanda

Complementaria

#E6E6FA · #FAFAE5

Análoga

#E5F0FA · #E6E6FA · #F0E5FA

Tríada

#E6E6FA · #FAE5E5 · #E5FAE5

Tetrádica

#E6E6FA · #FAE5F0 · #FAFAE5 · #E5FAF0

Complementaria dividida

#E6E6FA · #FAF0E5 · #F0FAE5

Monocromática

#7B7BE5 · #BBBBF2 · #E6E6FA · #FFFFFF · #FFFFFF

Lavanda con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,23:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
17,06:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Si esperas ver el color de los campos de lavanda, #E6E6FA suele sorprender. El lavender de CSS (rgb(230, 230, 250)) es un blanco con un leve matiz azul violáceo, mucho más claro que la flor. Para representar la planta, tonos como #B57EDC se acercan más; #E6E6FA funciona mejor como una bruma de color, casi un neutro frío.

Qué evoca la lavanda

La lavanda se asocia a menudo con calma, limpieza y cuidado, en gran parte por la planta aromática que se usa en jabones, aceites y productos de limpieza. Los paisajes morados de la Provenza, en el sur de Francia, reforzaron en el imaginario occidental una lectura romántica y campestre. En otros contextos, los tonos lavanda se leen simplemente como “pastel”, infantiles o primaverales. Ninguna de estas lecturas es universal: dependen del público y de lo que acompañe al color.

Cómo usar la lavanda en tus proyectos

Combinaciones

Algunos colores que se llevan bien con la lavanda: lila (#C8A2C8), en una paleta monocromática suave; azul real (#4169E1), para textos y botones; plateado (#C0C0C0), para un aire frío y limpio; y mostaza (#FFDB58), como contrapunto cálido. En la página del lila se explica en qué se diferencian.

Siempre texto oscuro

Con un contraste de 1,2:1 frente al blanco, la lavanda nunca debe llevar texto blanco. El texto negro sobre #E6E6FA alcanza 17:1, y un morado oscuro o un azul marino también funcionan muy bien. En modo oscuro, invierte los papeles: usa la lavanda para textos o iconos sobre fondos oscuros, donde resulta cómoda a la vista y legible. Revisa tus combinaciones en el verificador de contraste y aprende más en la guía de contraste y accesibilidad.

Cómo usarlo en CSS

:root {
  --color-lavender: #E6E6FA;
  --color-lavender-rgb: 230, 230, 250;
}

.elemento {
  background-color: var(--color-lavender);
  color: #000000;
}

Colores parecidos

Usa Lavanda en nuestras herramientas