Código da Cor Violeta Escuro (#9400d3)

Violeta Escuro é #9400d3 em hex e rgb(148, 0, 211), um roxo médio. Abaixo: todos os formatos de cor, tons claros e escuros, harmonias e o quão legível ele é como texto.

Atualizado em

Violeta Escuro
#9400d3
Nome CSSdarkviolet
Hex#9400d3
RGBrgb(148, 0, 211)
HSLhsl(282 100% 41%)
HWBhwb(282 0% 17%)
CMYK30%, 100%, 0%, 17%

Tons claros e escuros

Harmonias de cores

Sobre o Violeta Escuro

Violeta Escuro (darkviolet) é um roxo médio e vibrante, com o código hex #9400d3, ou rgb(148, 0, 211). No HSL, ele tem matiz de 282°, saturação de 100% e luminosidade de 41%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: darkviolet; em vez do valor hex.

Usando o Violeta Escuro em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Violeta Escuro no branco6,56 : 1AA
Texto Violeta Escuro no preto3,20 : 1AA apenas para texto grande

Em um fundo violeta escuro, use texto branco (6,56 : 1). O WCAG exige pelo menos 4,5 : 1 para textos de corpo e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.

CSS

.element {
  color: darkviolet;               /* or #9400d3 */
  background-color: #9400d3;
  border: 1px solid rgb(148 0 211 / 50%);
}

Nomes de cores semelhantes

Azul Violeta (#8a2be2), Orquídea Escura (#9932cc), Magenta Escuro (#8b008b), Roxo (#800080), Rebecca Purple (#663399), Orquídea Média (#ba55d3).

Perguntas frequentes

Qual é o código hex do violeta escuro?
#9400d3, que é rgb(148, 0, 211) e hsl(282, 100%, 41%). No CSS você também pode simplesmente escrever darkviolet.
O texto violeta escuro é legível no branco?
Sua razão de contraste no branco é 6,56 : 1, o que passa no WCAG AA para texto normal.
Quais cores combinam com o violeta escuro?
Sua cor complementar é #3fd100; as cores análogas #2a00d1 e #d100a7 ficam ao lado dela no círculo cromático.