El 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 sitúa entre el violeta y el 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.
El lavanda se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #D3D3FF
- Valor RGB: 82.7% rojo, 82.7% verde y 100% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Aquí hay algunas formas de usar el lavanda en tus diseños:
- Crear un ambiente relajante. Usa el 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.
- Crear una sensación dinámica. Combina el lavanda con toques de amarillo o verde para dar vitalidad o azul claro para calma.
- Asegurar 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 cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
Para variaciones dentro del mismo espectro suave que el lavanda, considera:
- Azul pervinca (#CCCCFF) comparte el mismo tono 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 neblina (#B5C7EB) tiene un tono suave y frío con más azul.
Para complementar el 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 del lavanda y añade un toque de frescura.
- Marfil (#FFFFE3) es un color neutro que se combina con el 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 el amarillo para contrastar la suavidad del lavanda y el melocotón para añadir un toque de energía y calidez.
Aunque el lavanda es calmante y versátil, puede chocar con:
- Fucsia (#FE3894) puede dominar la suavidad del lavanda, creando un contraste visualmente fuerte.
- Verde lima (#89F336) choca con los tonos fríos del lavanda, creando una combinación desequilibrada y potencialmente discordante.
- Azul marino (#000080) puede dominar el lavanda y hacerlo parecer apagado, especialmente en áreas grandes.
- Naranja oscuro (#C76E00) tiene matices rojos oscuros que crean una combinación de colores desagradable con el lavanda.
El lavanda simboliza pureza y calma, derivado de su asociación con el aroma floral y relajante 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, el 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 sereno campo de lavanda, promoviendo una sensación de bienestar.
El simbolismo del lavanda de paz y relajación se traduce bien en el diseño moderno. A diferencia de los colores más audaces, el lavanda ofrece una sensación de tranquilidad que es agradable a la vista. Es un gran color para marcas que quieren 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 se han asociado con refinamiento, elegancia y tranquilidad. Ha aparecido en todo, desde textiles y cerámica hasta pinturas y atuendos de moda, especialmente durante períodos de romanticismo y estilos de revival.
Con el tiempo, el significado histórico del 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
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Susurro de Lavanda
Amanecer Etéreo
Polvo de Luna
Comprobador de contraste
Contraste 1,45
- Texto largo
#D3D3FF
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 14,53
- Texto largo
#D3D3FF
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #d3d3ff, también llamado Lavanda, tiene valores RGB de R:211, G:211, B:255 y valores CMYK de C:17, M:17, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #d3d3ff | #d3d3ff |
| RGB DECIMAL | 211, 211, 255 | RGB(211,211,255) |
| RGB PERCENTAGE | 82.7, 82.7, 100.0 | RGB(82.7%,82.7%,100.0%) |
| CMYK | 17, 17, 0, 0 | |
| HSL | HSL(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 |
| BINARY | 11010011, 11010011, 11111111 | |
| iOS - SwiftUI | Color(red: 0.827, green: 0.827, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.827, green: 0.827, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFFD3D3FF) |