Código da Cor Roxo Rebecca (#663399)

Sobre o Roxo Rebecca

Roxo Rebecca (rebeccapurple) é um roxo médio e moderadamente saturado, com código hex #663399, ou rgb(102, 51, 153). Em HSL, ele fica no matiz de 270°, com 50% de saturação e 40% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: rebeccapurple; no lugar do valor hex.

Usando o Roxo Rebecca em textos e fundos

Em um fundo roxo rebecca, use texto branco (8.41 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.

CSS

.element {
  color: rebeccapurple;               /* or #663399 */
  background-color: #663399;
  border: 1px solid rgb(102 51 153 / 50%);
}

Cores nomeadas semelhantes

Azul Ardósia Escuro (#483d8b), Índigo (#4b0082), Roxo (#800080), Magenta Escuro (#8b008b), Azul Ardósia (#6a5acd), Orquídea Escura (#9932cc).