Cor Lavanda: código #E6E6FA

Lavanda

#E6E6FA

Códigos da cor

  • HEX#E6E6FA
  • RGBrgb(230, 230, 250)
  • HSLhsl(240, 67%, 94%)
  • HSVhsv(240, 8%, 98%)
  • CMYKcmyk(8%, 8%, 0%, 2%)
  • LABlab(91.8% 3.7 -9.7)
  • OKLCHoklch(93.1% 0.027 285.9)

Sobre a cor Lavanda

Lavanda tem o código HEX #E6E6FA, que corresponde a rgb(230, 230, 250) no modelo RGB. No círculo cromático, seu matiz fica em 240°, com 67% de saturação e 94% de luminosidade (hsl(240, 67%, 94%)).

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 17,06:1 sobre ela, contra 1,23:1 do branco.

Para impressão, a conversão aproximada é cmyk(8%, 8%, 0%, 2%). 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 Lavanda

Complementar

#E6E6FA · #FAFAE5

Análoga

#E5F0FA · #E6E6FA · #F0E5FA

Tríade

#E6E6FA · #FAE5E5 · #E5FAE5

Tetrádica

#E6E6FA · #FAE5F0 · #FAFAE5 · #E5FAF0

Complementar dividida

#E6E6FA · #FAF0E5 · #F0FAE5

Monocromática

#7B7BE5 · #BBBBF2 · #E6E6FA · #FFFFFF · #FFFFFF

Lavanda com texto branco e preto

Texto branco Aa Bb Cc 123
1,23:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
17,06:1 · AAA

Testar outras combinações no verificador de contraste

Quem espera ver a cor dos campos de lavanda costuma se surpreender com o #E6E6FA. O lavender do CSS (rgb(230, 230, 250)) é um branco levemente azulado e arroxeado, muito mais claro que a flor. Se você quer representar a planta, tons como #B57EDC ficam mais próximos; o #E6E6FA funciona melhor como uma “névoa” de cor, quase um neutro frio.

Que sensações a lavanda evoca

A lavanda é associada com frequência a calma, limpeza e cuidado, muito pela ligação com a planta aromática, usada em sabonetes, óleos e produtos de limpeza. A paisagem roxa da Provença, no sul da França, reforçou no imaginário ocidental uma leitura romântica e campestre. Em outros contextos, tons lavanda são lidos simplesmente como “pastel”, infantis ou primaveris. Nenhuma dessas leituras é universal: elas dependem do público e do que a cor acompanha.

Como usar a lavanda em projetos

Combinações

Algumas cores que conversam bem com a lavanda: lilás (#C8A2C8), numa paleta monocromática suave; azul royal (#4169E1), para texto e botões; prata (#C0C0C0), num visual frio e limpo; e mostarda (#FFDB58), como contraponto quente. A diferença entre lavanda e lilás é explicada na página do lilás.

Texto sempre escuro

Com contraste de 1,2:1 com o branco, a lavanda nunca deve receber texto branco. Texto preto sobre #E6E6FA chega a 17:1, e um roxo escuro ou azul-marinho também funciona muito bem. No modo escuro, inverta o papel: use a lavanda como cor de texto ou de ícones sobre fundos escuros, onde ela fica confortável aos olhos e legível. Confira as combinações no verificador de contraste e veja mais sobre o assunto no guia de contraste e acessibilidade.

Como usar em CSS

:root {
  --color-lavender: #E6E6FA;
  --color-lavender-rgb: 230, 230, 250;
}

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

Cores parecidas

Use Lavanda nas ferramentas