Cor Roxo: código #800080

Roxo

#800080

Códigos da cor

  • HEX#800080
  • RGBrgb(128, 0, 128)
  • HSLhsl(300, 100%, 25%)
  • HSVhsv(300, 100%, 50%)
  • CMYKcmyk(0%, 100%, 0%, 50%)
  • LABlab(29.8% 58.9 -36.5)
  • OKLCHoklch(42.1% 0.194 328.4)

Sobre a cor Roxo

Roxo tem o código HEX #800080, que corresponde a rgb(128, 0, 128) no modelo RGB. No círculo cromático, seu matiz fica em 300°, com 100% de saturação e 25% de luminosidade (hsl(300, 100%, 25%)).

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 9,41:1 sobre ela, contra 2,22:1 do preto.

Para impressão, a conversão aproximada é cmyk(0%, 100%, 0%, 50%). 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 Roxo

Complementar

#800080 · #008000

Análoga

#400080 · #800080 · #800040

Tríade

#800080 · #808000 · #008080

Tetrádica

#800080 · #804000 · #008000 · #004080

Complementar dividida

#800080 · #408000 · #008040

Monocromática

#000000 · #4D004D · #800080 · #CC00CC · #FF1AFF

Roxo com texto branco e preto

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

Testar outras combinações no verificador de contraste

Significado e percepção do roxo

O roxo nasce da mistura de vermelho e azul, e carrega um pouco da tensão das duas cores: tem a energia de uma e a calma da outra. Na Europa, o pigmento púrpura era raro e caro durante séculos, por isso a cor ficou ligada à nobreza, ao poder e ao luxo. No Brasil, muita gente associa o roxo ao calendário católico, já que é a cor litúrgica da Quaresma e do Advento, e também à espiritualidade e ao misticismo. Essas leituras são culturais e mudam conforme o contexto: numa embalagem de chocolate, o roxo sugere indulgência; num aplicativo financeiro, soa moderno e diferente dos bancos tradicionais.

Vale lembrar que “roxo”, “púrpura” e “violeta” são usados de forma solta no dia a dia. O valor #800080 é o purple do CSS: um roxo médio, mais para o vermelho do que o violeta espectral.

Onde o roxo funciona bem

Como combinar

O roxo aceita tanto contrastes fortes quanto composições tom sobre tom:

Dica prática: roxo no modo escuro

Sobre branco, o #800080 tem contraste de cerca de 9,4:1 e passa com folga no nível AAA para texto. No modo escuro, porém, esse mesmo roxo quase desaparece sobre fundos pretos. Clareie a cor (algo próximo do lilás) para links e ícones em temas escuros e confira o resultado no verificador de contraste. Para entender por que a percepção do roxo muda tanto entre culturas, leia o guia de psicologia das cores.

Como usar em CSS

:root {
  --color-purple: #800080;
  --color-purple-rgb: 128, 0, 128;
}

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