Cor Púrpura: código #A020F0

Púrpura

#A020F0

Códigos da cor

  • HEX#A020F0
  • RGBrgb(160, 32, 240)
  • HSLhsl(277, 87%, 53%)
  • HSVhsv(277, 87%, 94%)
  • CMYKcmyk(33%, 87%, 0%, 6%)
  • LABlab(45.4% 78.7 -77.4)
  • OKLCHoklch(56.6% 0.274 306.4)

Sobre a cor Púrpura

Púrpura tem o código HEX #A020F0, que corresponde a rgb(160, 32, 240) no modelo RGB. No círculo cromático, seu matiz fica em 277°, com 87% de saturação e 53% de luminosidade (hsl(277, 87%, 53%)).

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 claro: o branco atinge contraste de 5,30:1 sobre ela, contra 3,95:1 do preto.

Para impressão, a conversão aproximada é cmyk(33%, 87%, 0%, 6%). 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 Púrpura

Complementar

#A020F0 · #6FEF1F

Análoga

#371FEF · #A020F0 · #EF1FD7

Tríade

#A020F0 · #EF9F1F · #1FEF9F

Tetrádica

#A020F0 · #EF371F · #6FEF1F · #1FD7EF

Complementar dividida

#A020F0 · #D7EF1F · #1FEF37

Monocromática

#560986 · #840ECD · #A020F0 · #BE66F4 · #DCAEF9

Púrpura com texto branco e preto

Texto branco Aa Bb Cc 123
5,30:1 · AA
Texto preto Aa Bb Cc 123
3,95:1 · só texto grande

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-vivid-purple: #A020F0;
  --color-vivid-purple-rgb: 160, 32, 240;
}

.elemento {
  background-color: var(--color-vivid-purple);
  color: #FFFFFF;
}