Saltar al contenido principal

Lila

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

Crear paleta de colores

Elige un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas personalizadas

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.

color Lilacolor Lila

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

  • Código HEX: #A47DAB
  • Valor RGB: 64.3% rojo, 49% verde y 67.1% 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 lila en tus diseños:

  • Transmitir elegancia. El lila tiene un aire sofisticado perfecto para marcas de alta gama, como planificadores de bodas y diseñadores de moda.
  • Evocar la primavera. Colores florales suaves como el lila evocan visiones de primavera. Usa lila en una paleta pastel con rosas, morados y verdes pálidos para expresar renovación, crecimiento y calidez.
  • Inspirar tranquilidad. El lila es un color calmante que inspira paz y relajación. Como color de fondo, el lila es una excelente opción para hacer que los usuarios se sientan a gusto en tu sitio web o plataforma.

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:

  • Lavanda (#D3D3FF) calma los sentidos como un tono más claro y suave de violeta.
  • Malva (#E0AFFF) es más vibrante y saturado con un encanto energizante.
  • Púrpura (#E491A6) añade un toque de romance a cualquier paleta con su suave tono rosado.
  • Azul pervinca (#CCCCFF) irradia una elegancia suave en un púrpura azulado.

Para complementar el lila, considera emparejarlo con:

  • Verde salvia (#98A869) armoniza con el tono apagado del lila.
  • Gris azulado (#6A89A7) añade más sofisticación al lila para una paleta refinada.
  • Azul Tiffany® (#81D8D0) ofrece un contraste ligero y aireado al tono sutil del lila.
  • Rosa empolvado (#DCA1A1) eleva el lila para crear un tema floral suave.

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:

  • Amarillo (#FFFF00) eclipsa el tono discreto del lila.
  • Verde neón (#2CFF05) abruma la suavidad del lila y crea un contraste discordante.
  • Mandarina (#FFA800) llama la atención y crea un contraste desequilibrado con el lila.
  • Escarlata (#ED2100) domina el lila con una vibrante intensidad que ahoga la serenidad del lila.
  • Azul real (#305CDE) es demasiado vibrante y saturado para el tono suave del lila.

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.

Variantes de color

Sombras

Tintes

Tonos

Matices

Armonías de color

Complementario

Dividido

Monocromático

Análogo

Triádico

Cuadrado

Paletas personalizadas

Amatista

Jardín de Iris

Algodón de Azúcar

Verificador de contraste

Contraste 3,44

Texto grande

#A47DAB

Texto normal

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

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

Contraste 6,1

Texto grande

#A47DAB

Texto normal

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

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

Simulaciones de color

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.

VALUECSS
HEX#a47dab#a47dab
RGB DECIMAL164, 125, 171RGB(164,125,171)
RGB PERCENTAGE64.3, 49.0, 67.1RGB(64.3%,49.0%,67.1%)
CMYK4, 27, 0, 33
HSLHSL(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
BINARY10100100, 01111101, 10101011
iOS - SwiftUIColor(red: 0.643, green: 0.490, blue: 0.671)
iOS - UIKitUIColor(red: 0.643, green: 0.490, blue: 0.671, alpha: 1)
Android - ComposeColor(0xFFA47DAB)
Crear paleta de colores