Saltar al contenido principal

Lavanda

Todo lo que necesitas saber sobre lavanda para inspirar tu próximo diseño.

Crear paleta de colores

Elige un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas personalizadas

Lavanda es un tono claro de morado, nombrado así por las delicadas flores de la planta de lavanda. En el círculo cromático, se encuentra entre violeta y rojo, mezclando sus tonos más fríos en sus formas más pálidas. El color promueve sensaciones de relajación, al tiempo que evoca la frescura de la primavera y la elegancia de la feminidad.

color Lavandacolor Lavanda

Lavanda se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.

  • Código HEX: #D3D3FF
  • Valor RGB: 82.7% rojo, 82.7% verde, y 100% azul

La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.

Aquí hay algunas formas de usar lavanda en tus diseños:

  • Establece un ambiente relajante. Usa lavanda como color de fondo principal para interfaces enfocadas en la relajación o el bienestar, como aplicaciones de meditación, servicios de reserva de spa o rastreadores de sueño.
  • Crea una sensación dinámica. Combina lavanda con toques de amarillo o verde para vitalidad o azul claro para calma.
  • Asegura la legibilidad: Presta atención al contraste entre texto y fondo para facilitar la lectura, especialmente en diseños con mucho texto. Combina colores de alto contraste con lavanda, como negro, gris oscuro o blanco.

Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.

Para variaciones dentro del mismo espectro suave que lavanda, considera:

  • Azul pervinca (#CCCCFF) comparte el mismo matiz pero es ligeramente más oscuro.
  • Lila (#A47DAB) tiene una esencia floral similar con matices rojos.
  • Malva (#E0AFFF) es un color morado similar pero más saturado.
  • Azul brumoso (#B5C7EB) tiene un tono suave y frío con más azul.

Para complementar lavanda, considera combinarlo con:

  • Amarillo pastel (#FFEE8C) contrasta con el morado claro y crea una sensación alegre y primaveral.
  • Verde menta (#ADEBB3) se combina bien con el morado claro de lavanda y añade un toque de frescura.
  • Marfil (#FFFFE3) es un color neutral que se combina con lavanda para crear una atmósfera suave y aireada.
  • Azul claro (#90D5FF) comparte la misma frescura, creando una atmósfera calmante.

Otros colores que vale la pena considerar incluyen amarillo para contrastar la suavidad de lavanda y durazno para añadir un toque de energía y calidez.

Aunque lavanda es calmante y versátil, puede chocar con:

  • Fucsia (#FE3894) puede sobrepasar la suavidad de lavanda, creando un contraste visualmente fuerte.
  • Verde lima (#89F336) choca con los tonos fríos de lavanda, creando una combinación desequilibrada y potencialmente discordante.
  • Azul marino (#000080) puede dominar lavanda y hacer que parezca apagado, especialmente en áreas grandes.
  • Naranja oscuro (#C76E00) tiene matices rojos oscuros que crean una combinación de colores desagradable con lavanda.

Lavanda simboliza pureza y calma, derivado de su asociación con el aroma relajante y floral de la flor de lavanda. Históricamente, se ha vinculado con la realeza y el lujo, reflejando la asociación del morado con la nobleza.

En la psicología del color, lavanda puede evocar sensaciones de paz y relajación, similar a la fragancia tranquila de la lavanda. Ver el color puede sentirse como respirar aire fresco en un campo sereno de lavanda, promoviendo una sensación de bienestar.

El simbolismo de paz y relajación de lavanda se traduce bien en el diseño moderno. A diferencia de los colores más audaces, lavanda ofrece una sensación de tranquilidad que es agradable a la vista. Es un gran color para marcas que desean evocar sensaciones de paz o elegancia.

El color lavanda recibe su nombre de la flor de lavanda, una planta conocida por sus delicadas flores moradas. La palabra “lavanda” se usó por primera vez para describir el color en inglés alrededor de 1705. Anteriormente, solo se refería a la flor en sí.

Históricamente, la flor y su color han estado asociados con refinamiento, elegancia y tranquilidad. Ha aparecido en todo, desde textiles y cerámica hasta pinturas y vestimenta de moda, especialmente durante períodos de romanticismo y estilos de revival.

Con el tiempo, el significado histórico de lavanda ha evolucionado para incluir asociaciones con relajación, calma y espiritualidad. El color está incluido en muchas tendencias de diseño moderno, a menudo utilizado para crear paletas de colores armoniosas y relajantes.

Variantes de color

Sombras

Tintes

Tonos

Matices

Armonías de color

Complementario

Dividido

Monocromático

Análogo

Triádico

Cuadrado

Paletas personalizadas

Susurro de Lavanda

Amanecer Etéreo

Polvo Lunar

Verificador de contraste

Contraste 1,45

Texto grande

#D3D3FF

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #D3D3FF en un fondo #FFFFFF.
Categoría
Desaprobado
Desaprobado
Desaprobado
Desaprobado
Desaprobado
Desaprobado

Contraste 14,53

Texto grande

#D3D3FF

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #D3D3FF en un fondo #000000.
Categoría
Aprobado
Aprobado
Aprobado
Aprobado
Aprobado
Aprobado

Simulaciones de color

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

El color hexadecimal #d3d3ff, también conocido como Lavanda, tiene valores RGB de R:211, G:211, B:255 y valores CMYK de C:17, M:17, Y:0, K:0.

VALUECSS
HEX#d3d3ff#d3d3ff
RGB DECIMAL211, 211, 255RGB(211,211,255)
RGB PERCENTAGE82.7, 82.7, 100.0RGB(82.7%,82.7%,100.0%)
CMYK17, 17, 0, 0
HSLHSL(240.0, 100.0%, 91.4%)HSL(240.0, 100.0%, 91.4%)
HSV (OR HSB)240.0°, 17.3, 100.0
WEB SAFE#204204255#204204255
BINARY11010011, 11010011, 11111111
iOS - SwiftUIColor(red: 0.827, green: 0.827, blue: 1.000)
iOS - UIKitUIColor(red: 0.827, green: 0.827, blue: 1.000, alpha: 1)
Android - ComposeColor(0xFFD3D3FF)
Crear paleta de colores