Código da Cor Lavender Blush (#fff0f5)

Lavender Blush é #fff0f5 em hexadecimal e rgb(255, 240, 245) — um rosa bem claro. Abaixo você encontra todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Lavender Blush
#fff0f5
Nome CSSlavenderblush
Hex#fff0f5
RGBrgb(255, 240, 245)
HSLhsl(340 100% 97%)
HWBhwb(340 94% 0%)
CMYK0%, 6%, 4%, 0%

Tons e sombras

Harmonias de cores

Sobre a Lavender Blush

Lavender Blush (lavenderblush) é um rosa muito claro e vibrante, com o código hexadecimal #fff0f5, ou rgb(255, 240, 245). No HSL, ela fica com matiz de 340°, saturação de 100% e luminosidade de 97%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lavenderblush; em vez do valor hex.

Usando a Lavender Blush em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Lavender Blush no branco1.10 : 1reprova
Texto Lavender Blush no preto19.03 : 1AAA

Em um fundo lavender blush, use texto em preto (19.03 : 1). A WCAG pede no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.

CSS

.element {
  color: lavenderblush;               /* or #fff0f5 */
  background-color: #fff0f5;
  border: 1px solid rgb(255 240 245 / 50%);
}

Cores nomeadas semelhantes

Sea Shell (#fff5ee), Floral White (#fffaf0), Snow (#fffafa), White Smoke (#f5f5f5), Ghost White (#f8f8ff), Ivory (#fffff0).

Perguntas frequentes

Qual é o código hex da lavender blush?
#fff0f5 — que equivale a rgb(255, 240, 245) e hsl(340, 100%, 97%). No CSS você também pode simplesmente escrever lavenderblush.
O texto em lavender blush é legível no branco?
A razão de contraste dela no branco é 1.10 : 1, o que reprova na WCAG — use-a para decoração ou em um fundo escuro.
Quais cores combinam com a lavender blush?
A cor complementar dela é #f0fffa; as cores análogas #fff0fc e #fff2f0 ficam ao lado dela no círculo cromático.