Código de color lavanda (#e6e6fa)

Lavanda es #e6e6fa en hexadecimal y rgb(230, 230, 250): un azul muy claro. A continuación encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Lavanda
#e6e6fa
Nombre CSSlavender
Hex#e6e6fa
RGBrgb(230, 230, 250)
HSLhsl(240 67% 94%)
HWBhwb(240 90% 2%)
CMYK8%, 8%, 0%, 2%

Tintes y sombras

Armonías de color

Acerca de Lavanda

Lavanda (lavender) es un azul muy claro y vivo, con el código hexadecimal #e6e6fa, o rgb(230, 230, 250). En HSL tiene un tono de 240°, una saturación del 67 % y una luminosidad del 94 %. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: lavender; en lugar del valor hexadecimal.

Uso de lavanda para texto y fondos

CombinaciónRatio de contrasteWCAG
Texto lavanda sobre blanco1.23 : 1no cumple
Texto lavanda sobre negro17.06 : 1AAA

Sobre un fondo lavanda, usa texto en negro (17.06 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.

CSS

.element {
  color: lavender;               /* or #e6e6fa */
  background-color: #e6e6fa;
  border: 1px solid rgb(230 230 250 / 50%);
}

Colores con nombre similares

Alice Blue (#f0f8ff), White Smoke (#f5f5f5), Ghost White (#f8f8ff), Light Cyan (#e0ffff), Lavender Blush (#fff0f5), Azure (#f0ffff).

Preguntas frecuentes

¿Cuál es el código hexadecimal de la lavanda?
#e6e6fa, es decir, rgb(230, 230, 250) y hsl(240, 67%, 94%). En CSS también puedes escribir simplemente lavender.
¿El texto lavanda es legible sobre blanco?
Su ratio de contraste sobre blanco es 1.23 : 1, lo que no cumple WCAG. Úsalo como decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con la lavanda?
Su color complementario es #fafae5, y los colores análogos #e5f0fa y #f0e5fa están junto a él en el círculo cromático.