
Círculo cromático de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con lila?
Saltar al contenido principal
Todo lo que necesitas saber sobre lila para inspirar tu próximo diseño.
El lila es un tono de violeta suave y elegante que evoca cariño, serenidad y sofisticación. Este color suave y apagado se sitúa entre el azul y el rojo en el círculo cromático, con un poco más de azul para un sutil matiz frío.

El lila se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
Aquí hay algunas formas de usar lila en tus diseños:
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 apagado que el lila, considera:
Para complementar el lila, considera emparejarlo con:
Otros colores que vale la pena considerar incluyen crema suave y aireada para hacer que el lila destaque, gris oscuro sofisticado o pizarra para crear una paleta madura, y tonos joya elegantes para elevar el tono suave del lila.
Aunque el lila es apagado, puede chocar con:
Nombrado por la flor lila, el color lila evoca visiones de primavera y renovación. El lila también transmite emociones agradables y suaves, especialmente aquellas asociadas con el amor y la inocencia. Tanto el color como la flor evocan sentimientos de esperanza y nuevas posibilidades.
Las propiedades calmantes del lila provienen de su suave mezcla de púrpura y azul. Esta combinación fría crea una atmósfera dichosa. El lila es un color suave que inspira serenidad, confianza y optimismo.
Hoy en día, los diseñadores usan el lila para crear una paleta calmada y refinada con un toque de romance. Como color de fondo, el lila crea una experiencia de usuario relajante. Puede ser un color menos popular que la lavanda, pero el lila tiene un encanto suave y agradable que puede hacer que tu diseño sea acogedor y accesible.
Antes de que el lila se conociera como un color, la palabra se refería únicamente a la flor del mismo nombre hasta 1766, cuando un naturalista sueco nombró a una especie de ave en el África subsahariana como el carraca lila. Esta fue la primera vez que se usó lila para referirse a algo más allá de la planta, pero el color lila, usado para describir el color de las flores de lila, se documentó por primera vez en Inglaterra en 1775.
Durante la era victoriana, este color violeta pálido era común entre las mujeres de luto cuando ya no se esperaba que vistieran de negro. Durante este tiempo, el lila y la lavanda pueden haber sido usados indistintamente, aunque ahora los reconocemos como colores distintos. Donde el lila tiene más matices azules y tiende a ser más oscuro, la lavanda tiene un mayor porcentaje de azul y suele ser más clara.
La década de 1920 vio una revitalización del lila, introduciendo el color en los cosméticos. Más tarde en el siglo, el lila se hizo popular en el diseño de interiores, complementando otros pasteles.
Sombras
Tintes
Tonos
Matices
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Amatista
Jardín de Iris
Algodón de Azúcar
Contraste 3,44
#A47DAB
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Contraste 6,1
#A47DAB
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #a47dab, también conocido como Lila, tiene valores RGB de R:164, G:125, B:171 y valores CMYK de C:4, M:27, Y:0, K:33.
| VALUE | CSS | |
|---|---|---|
| HEX | #a47dab | #a47dab |
| RGB DECIMAL | 164, 125, 171 | RGB(164,125,171) |
| RGB PERCENTAGE | 64.3, 49.0, 67.1 | RGB(64.3%,49.0%,67.1%) |
| CMYK | 4, 27, 0, 33 | |
| HSL | HSL(290.9, 21.5%, 58.0%) | HSL(290.9, 21.5%, 58.0%) |
| HSV (OR HSB) | 290.9°, 26.9, 67.1 | |
| WEB SAFE | #153102153 | #153102153 |
| BINARY | 10100100, 01111101, 10101011 | |
| iOS - SwiftUI | Color(red: 0.643, green: 0.490, blue: 0.671) | |
| iOS - UIKit | UIColor(red: 0.643, green: 0.490, blue: 0.671, alpha: 1) | |
| Android - Compose | Color(0xFFA47DAB) |

¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con lila?

Sumérgete en el color sereno y delicado de la lavanda.

Descubre la naturaleza eléctrica del cian.