Lavanda é um tom claro de roxo, nomeado em homenagem às delicadas flores da planta de lavanda. No círculo cromático, ela se encontra entre o violeta e o vermelho, mesclando seus tons mais frios em suas formas mais pálidas. A cor promove sensações de relaxamento, além de evocar a frescura da primavera e a elegância da feminilidade.
Lavanda é definida pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #D3D3FF
- Valor RGB: 82,7% vermelho, 82,7% verde e 100% 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 lavanda em seus designs:
- Crie um ambiente relaxante. Use lavanda como cor de fundo principal para interfaces focadas em relaxamento ou bem-estar, como aplicativos de meditação, serviços de agendamento de spa ou rastreadores de sono.
- Crie uma sensação dinâmica. Combine lavanda com toques de amarelo ou verde para vivacidade ou azul claro para tranquilidade.
- Garanta a legibilidade: Preste atenção ao contraste entre texto e fundo para facilitar a leitura, especialmente em designs com muito texto. Combine cores de alto contraste com lavanda, como preto, cinza escuro ou branco.
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 considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro suave da lavanda, considere:
- Periwinkle (#CCCCFF) compartilha o mesmo tom, mas é um pouco mais escuro.
- Lilás (#A47DAB) tem uma essência floral semelhante com tons avermelhados.
- Malva (#E0AFFF) é uma cor roxa semelhante, mas mais saturada.
- Azul nevoeiro (#B5C7EB) tem um tom suave e frio com mais azul.
Para complementar a lavanda, considere combiná-la com:
- Amarelo pastel (#FFEE8C) contrasta com o roxo claro e cria uma sensação alegre e primaveril.
- Verde menta (#ADEBB3) combina bem com o roxo claro da lavanda e adiciona um toque de frescor.
- Marfim (#FFFFE3) é uma cor neutra que se combina com lavanda para criar uma atmosfera suave e arejada.
- Azul claro (#90D5FF) compartilha a mesma frieza, criando uma atmosfera calmante.
Outras cores que valem a pena considerar incluem amarelo para contrastar com a suavidade da lavanda e pêssego para adicionar um toque de energia e calor.
Embora a lavanda seja calmante e versátil, ela pode entrar em conflito com:
- Fúcsia (#FE3894) pode sobrecarregar a suavidade da lavanda, criando um contraste visualmente agressivo.
- Verde limão (#89F336) entra em conflito com os tons frios da lavanda, criando uma combinação desequilibrada e potencialmente chocante.
- Azul marinho (#000080) pode dominar a lavanda e fazê-la parecer sem graça, especialmente em áreas maiores.
- Laranja escuro (#C76E00) tem tons avermelhados escuros que criam uma combinação de cores desagradável com lavanda.
Lavanda simboliza pureza e calma, derivando de sua associação com o aroma suave e floral da flor de lavanda. Historicamente, está ligada à realeza e ao luxo, ecoando a associação do roxo com a nobreza.
Na psicologia das cores, a lavanda pode evocar sensações de paz e relaxamento, semelhante à fragrância tranquila da lavanda. Ver a cor pode ser como respirar ar fresco em um campo sereno de lavanda, promovendo uma sensação de bem-estar.
O simbolismo de paz e relaxamento da lavanda se traduz bem no design moderno. Ao contrário de cores mais ousadas, a lavanda oferece uma sensação de tranquilidade que é agradável aos olhos. É uma ótima cor para marcas que desejam evocar sensações de paz ou elegância.
A cor lavanda recebe seu nome da flor de lavanda, uma planta conhecida por suas delicadas flores roxas. A palavra “lavanda” foi usada pela primeira vez para descrever a cor em inglês por volta de 1705. Anteriormente, referia-se apenas à própria flor.
Historicamente, a flor e sua cor têm sido associadas ao refinamento, elegância e tranquilidade. Ela apareceu em tudo, desde têxteis e cerâmicas até pinturas e vestuário da moda, especialmente durante períodos de romantismo e estilos de revival.
Com o tempo, o significado histórico da lavanda evoluiu para incluir associações com relaxamento, calma e espiritualidade. A cor está incluída em muitas tendências de design moderno, frequentemente usada para criar paletas de cores suaves e harmoniosas.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Toque de Lavanda
Amanhecer Etéreo
Poeira Lunar
Verificador de contraste
Contraste 1,45
- Texto grande
#D3D3FF
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 14,53
- Texto grande
#D3D3FF
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #d3d3ff, conhecida como Lavanda, tem valores RGB de R:211, G:211, B:255 e 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) |
