Código da Cor Vermelho Violeta Médio (#c71585)

Vermelho Violeta Médio é #c71585 em hex e rgb(199, 21, 133) — um magenta médio. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ele é como texto.

Atualizado em

Vermelho Violeta Médio
#c71585
Nome CSSmediumvioletred
Hex#c71585
RGBrgb(199, 21, 133)
HSLhsl(322 81% 43%)
HWBhwb(322 8% 22%)
CMYK0%, 89%, 33%, 22%

Tons e sombras

Harmonias de cores

Sobre Vermelho Violeta Médio

Vermelho Violeta Médio (mediumvioletred) é um magenta médio e vibrante, com o código hex #c71585, ou rgb(199, 21, 133). No HSL, ele tem matiz de 322°, saturação de 81% e luminosidade de 43%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: mediumvioletred; em vez do valor hex.

Usando Vermelho Violeta Médio em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Vermelho Violeta Médio no branco5.42 : 1AA
Texto Vermelho Violeta Médio no preto3.87 : 1AA apenas para texto grande

Em um fundo vermelho violeta médio, use texto em branco (5.42 : 1). A WCAG exige pelo menos 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.

CSS

.element {
  color: mediumvioletred;               /* or #c71585 */
  background-color: #c71585;
  border: 1px solid rgb(199 21 133 / 50%);
}

Cores nomeadas semelhantes

Rosa Profundo (#ff1493), Magenta Escuro (#8b008b), Roxo (#800080), Carmesim (#dc143c), Vermelho Indiano (#cd5c5c), Orquídea Escura (#9932cc).

Perguntas frequentes

Qual é o código hex do vermelho violeta médio?
#c71585 — isso equivale a rgb(199, 21, 133) e hsl(322, 81%, 43%). No CSS você também pode escrever apenas mediumvioletred.
O texto vermelho violeta médio é legível no branco?
Sua razão de contraste no branco é 5.42 : 1, o que atende ao WCAG AA para texto normal.
Quais cores combinam com o vermelho violeta médio?
Sua cor complementar é #15c656; as cores análogas #af15c6 e #c6152d ficam ao lado dela no círculo cromático.