Cor Lilás: código #C8A2C8

Lilás

#C8A2C8

Códigos da cor

  • HEX#C8A2C8
  • RGBrgb(200, 162, 200)
  • HSLhsl(300, 26%, 71%)
  • HSVhsv(300, 19%, 78%)
  • CMYKcmyk(0%, 19%, 0%, 22%)
  • LABlab(71.1% 20.5 -14.1)
  • OKLCHoklch(75.9% 0.068 326.2)

Sobre a cor Lilás

Lilás tem o código HEX #C8A2C8, que corresponde a rgb(200, 162, 200) no modelo RGB. No círculo cromático, seu matiz fica em 300°, com 26% de saturação e 71% de luminosidade (hsl(300, 26%, 71%)).

Pelo matiz, é percebida como uma cor fria: tende a transmitir calma e distância e a “recuar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 9,45:1 sobre ela, contra 2,22:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 19%, 0%, 22%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Lilás

Complementar

#C8A2C8 · #A2C8A2

Análoga

#B5A2C8 · #C8A2C8 · #C8A2B5

Tríade

#C8A2C8 · #C8C8A2 · #A2C8C8

Tetrádica

#C8A2C8 · #C8B5A2 · #A2C8A2 · #A2B5C8

Complementar dividida

#C8A2C8 · #B5C8A2 · #A2C8B5

Monocromática

#945794 · #B582B5 · #C8A2C8 · #E5D2E5 · #FFFFFF

Lilás com texto branco e preto

Texto branco Aa Bb Cc 123
2,22:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
9,45:1 · AAA

Testar outras combinações no verificador de contraste

Lilás não é lavanda

Os dois nomes são usados como sinônimos no dia a dia, mas nos códigos de cor eles apontam para tons bem diferentes. O lilás desta página, #C8A2C8 (rgb(200, 162, 200)), é um roxo claro e acinzentado, com vermelho e azul em equilíbrio: por isso ele parece levemente rosado. Já a lavanda do CSS, #E6E6FA, é quase branca e puxa para o azul. Se você quer o lilás de uma flor ou de um vestido, #C8A2C8 está bem mais próximo do que o lavender. Vale notar que o CSS não tem uma cor chamada lilac; as mais próximas são plum (#DDA0DD) e thistle (#D8BFD8).

Significado e percepção

O nome vem da flor do lilaseiro, que floresce na primavera em regiões de clima temperado, e boa parte das associações vem daí: delicadeza, nostalgia, romantismo, primavera. Por ser um roxo suavizado, o lilás carrega um pouco da aura criativa e espiritual do roxo, mas sem o peso. No Brasil, tons de lilás e roxo também aparecem ligados a campanhas de conscientização, como a do combate à violência contra a mulher. Associações assim variam por país e época; confira o contexto do seu público.

Onde o lilás funciona

Em moda, o lilás aparece com frequência em coleções de primavera e verão e fica especialmente bonito em tecidos fluidos. Em decoração, dá charme a quartos e banheiros sem escurecer o ambiente, principalmente junto de madeira clara e branco. Em branding, é comum em marcas de beleza, bem-estar, papelaria e produtos voltados ao público jovem. Em interfaces, serve bem como cor de fundo de cartões, tags e ilustrações.

Combinações sugeridas:

Contraste para texto

O contraste de #C8A2C8 com branco é de só 2,2:1: texto branco sobre lilás não é legível. Use preto ou cinza escuro (com preto, chega a 9,5:1). Para um lilás que aceite texto branco, escureça até algo como #8A5A8A, acima de 5:1. Teste no verificador de contraste e explore variações no misturador de cores.

Como usar em CSS

:root {
  --color-lilac: #C8A2C8;
  --color-lilac-rgb: 200, 162, 200;
}

.elemento {
  background-color: var(--color-lilac);
  color: #000000;
}

Cores parecidas

Use Lilás nas ferramentas