Código da Cor Roxo Médio (#9370db)

Roxo Médio é #9370db em hex e rgb(147, 112, 219) — um roxo claro. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Roxo Médio
#9370db
Nome CSSmediumpurple
Hex#9370db
RGBrgb(147, 112, 219)
HSLhsl(260 60% 65%)
HWBhwb(260 44% 14%)
CMYK33%, 49%, 0%, 14%

Tons e sombras

Harmonias de cores

Sobre o Roxo Médio

Roxo Médio (mediumpurple) é um roxo claro e vibrante, com o código hex #9370db, ou rgb(147, 112, 219). No HSL, ele tem matiz de 260°, 60% de saturação e 65% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: mediumpurple; em vez do valor hex.

Usando o Roxo Médio em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Roxo Médio no branco3.76 : 1AA apenas para texto grande
Texto Roxo Médio no preto5.58 : 1AA

Em um fundo roxo médio, use texto em preto (5.58 : 1). O WCAG exige no mínimo 4.5 : 1 para texto corrido e 3 : 1 para texto grande. Confira outras combinações com o Verificador de Contraste.

CSS

.element {
  color: mediumpurple;               /* or #9370db */
  background-color: #9370db;
  border: 1px solid rgb(147 112 219 / 50%);
}

Cores nomeadas semelhantes

Azul Ardósia Médio (#7b68ee), Orquídea Média (#ba55d3), Azul Ardósia (#6a5acd), Azul Cornflower (#6495ed), Orquídea Escura (#9932cc), Violeta Azulado (#8a2be2).

Perguntas frequentes

Qual é o código hex do roxo médio?
#9370db — que equivale a rgb(147, 112, 219) e hsl(260, 60%, 65%). No CSS você também pode escrever simplesmente mediumpurple.
O texto roxo médio é legível no branco?
A razão de contraste no branco é 3.76 : 1, que passa apenas para texto grande (WCAG AA texto grande).
Quais cores combinam com o roxo médio?
A cor complementar é #b8db70; as cores análogas #7082db e #c970db ficam ao lado dela no círculo cromático.