Cor Malva: código #E0B0FF

Malva

#E0B0FF

Códigos da cor

  • HEX#E0B0FF
  • RGBrgb(224, 176, 255)
  • HSLhsl(276, 100%, 85%)
  • HSVhsv(276, 31%, 100%)
  • CMYKcmyk(12%, 31%, 0%, 0%)
  • LABlab(78.5% 31.5 -32.5)
  • OKLCHoklch(82.7% 0.119 311.6)

Sobre a cor Malva

Malva tem o código HEX #E0B0FF, que corresponde a rgb(224, 176, 255) no modelo RGB. No círculo cromático, seu matiz fica em 276°, com 100% de saturação e 85% de luminosidade (hsl(276, 100%, 85%)).

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 11,82:1 sobre ela, contra 1,77:1 do branco.

Para impressão, a conversão aproximada é cmyk(12%, 31%, 0%, 0%). 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 Malva

Complementar

#E0B0FF · #D1FFB3

Análoga

#BAB3FF · #E0B0FF · #FFB3F7

Tríade

#E0B0FF · #FFE0B3 · #B3FFE0

Tetrádica

#E0B0FF · #FFBAB3 · #D1FFB3 · #B3F7FF

Complementar dividida

#E0B0FF · #F7FFB3 · #B3FFBA

Monocromática

#AD33FF · #CC80FF · #E0B0FF · #FFFFFF · #FFFFFF

Malva com texto branco e preto

Texto branco Aa Bb Cc 123
1,77:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
11,82:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-mauve: #E0B0FF;
  --color-mauve-rgb: 224, 176, 255;
}

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