Lilás é um tom suave e elegante de violeta que evoca carinho, serenidade e sofisticação. Essa cor suave e discreta se encontra entre azul e vermelho na roda de cores, com um pouco mais de azul para um toque sutil de frescor.

Lilás é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #A47DAB
- Valor RGB: 64,3% vermelho, 49% verde e 67,1% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Aqui estão algumas maneiras de usar lilás em seus designs:
- Transmitir elegância. Lilás tem um ar sofisticado que é perfeito para marcas de alto padrão, como planejadores de casamento e designers de moda.
- Invocar a primavera. Cores florais suaves como lilás evocam visões de primavera. Use lilás em uma paleta pastel com rosas pálidos, roxos e verdes para expressar renovação, crescimento e calor.
- Inspirar tranquilidade. Lilás é uma cor calmante que inspira paz e relaxamento. Como cor de fundo, lilás é uma ótima escolha para fazer os usuários se sentirem à vontade em seu site ou plataforma.
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise as considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro suave que o lilás, considere:
- Lavanda (#D3D3FF) acalma os sentidos como um tom mais claro e suave de violeta.
- Malva (#E0AFFF) é mais vibrante e saturado com um charme energizante.
- Púrpura (#E491A6) adiciona um toque de romance a qualquer paleta com seu tom rosa suave.
- Periwinkle (#CCCCFF) irradia uma elegância suave em um roxo azulado suave.
Para complementar o lilás, considere combiná-lo com:
- Verde sálvia (#98A869) harmoniza com o tom suave do lilás.
- Azul-cinza (#6A89A7) confere mais sofisticação ao lilás para uma paleta refinada.
- Azul Tiffany® (#81D8D0) oferece um contraste leve e arejado ao tom suave do lilás.
- Rosa empoeirado (#DCA1A1) eleva o lilás para criar um tema floral suave.
Outras cores que valem a pena considerar incluem creme suave e arejado para fazer o lilás se destacar, cinza escuro sofisticado ou ardósia para criar uma paleta madura, e tons de joia elegantes para elevar o tom suave do lilás.
Embora o lilás seja suave, ele pode entrar em conflito com:
- Amarelo (#FFFF00) ofusca o tom discreto do lilás.
- Verde neon (#2CFF05) sufoca a suavidade do lilás e cria um contraste chocante.
- Tangerina (#FFA800) chama a atenção e cria um contraste desequilibrado com o lilás.
- Escarlate (#ED2100) sufoca o lilás com uma vibrância ousada e ardente que abafa a serenidade do lilás.
- Azul real (#305CDE) é muito vibrante e saturado para o tom suave do lilás.
Nomeado após a flor lilás, a cor lilás evoca visões de primavera e renovação. Lilás também transmite emoções agradáveis e suaves, especialmente aquelas associadas ao amor e à inocência. Tanto a cor quanto a flor evocam sentimentos de esperança e novas possibilidades.
As propriedades calmantes do lilás vêm de sua mistura suave de roxo e azul. Essa combinação fresca cria uma atmosfera de felicidade. Lilás é uma cor suave que inspira serenidade, confiança e otimismo.
Hoje, designers usam lilás para criar uma paleta calma e refinada com um toque de romance. Como cor de fundo, lilás cria uma experiência de usuário relaxante. Pode ser uma cor menos popular que a lavanda, mas lilás tem um charme suave e agradável que pode tornar seu design acolhedor e acessível.
Antes de lilás ser conhecido como uma cor, a palavra se referia exclusivamente à flor de mesmo nome até 1766, quando um naturalista sueco nomeou uma espécie de pássaro na África Subsaariana como rolieiro-de-peito-lilás. Esta foi a primeira vez que lilás foi usado para se referir a algo além da planta, mas a cor lilás, usada para descrever a cor das flores de lilás, foi documentada pela primeira vez na Inglaterra em 1775.
Durante a era vitoriana, essa cor violeta pálida era comum entre mulheres de luto quando não eram mais esperadas a usar preto. Durante esse tempo, lilás e lavanda podem ter sido usados de forma intercambiável, embora agora os reconheçamos como cores distintas. Onde lilás tem mais tons de azul e tende a ser mais escuro, lavanda tem uma porcentagem maior de azul e geralmente é mais clara.
Os anos 1920 viram uma revitalização do lilás, introduzindo a cor em cosméticos. Mais tarde no século, lilás se tornou popular no design de interiores, complementando outros tons pastéis.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Ametista
Jardim de Íris
Algodão Doce
Verificador de contraste
Contraste 3,44
- Texto grande
#A47DAB
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Contraste 6,1
- Texto grande
#A47DAB
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #a47dab, conhecida como Lilás, tem valores RGB de R:164, G:125, B:171 e 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) |


