Código da Cor Azul Violeta (#8a2be2)

Azul Violeta é #8a2be2 em hexadecimal e rgb(138, 43, 226) — um roxo médio. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Azul Violeta
#8a2be2
Nome CSSblueviolet
Hex#8a2be2
RGBrgb(138, 43, 226)
HSLhsl(271 76% 53%)
HWBhwb(271 17% 11%)
CMYK39%, 81%, 0%, 11%

Tons e sombras

Harmonias de cores

Sobre o Azul Violeta

Azul Violeta (blueviolet) é um roxo médio e vibrante, com código hexadecimal #8a2be2, ou rgb(138, 43, 226). No HSL, ele tem matiz de 271°, 76% de saturação e 53% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: blueviolet; em vez do valor hexadecimal.

Usando o Azul Violeta em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto azul violeta no branco5.96 : 1AA
Texto azul violeta no preto3.52 : 1AA apenas para texto grande

Em um fundo azul violeta, use texto branco (5.96 : 1). O WCAG exige no mínimo 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Confira outras combinações com o Verificador de Contraste.

CSS

.element {
  color: blueviolet;               /* or #8a2be2 */
  background-color: #8a2be2;
  border: 1px solid rgb(138 43 226 / 50%);
}

Cores nomeadas semelhantes

Orquídea Escura (#9932cc), Violeta Escuro (#9400d3), Azul Ardósia (#6a5acd), Azul Ardósia Médio (#7b68ee), Orquídea Média (#ba55d3), Roxo Médio (#9370db).

Perguntas frequentes

Qual é o código hexadecimal do azul violeta?
#8a2be2 — isso equivale a rgb(138, 43, 226) e hsl(271, 76%, 53%). No CSS você também pode simplesmente escrever blueviolet.
O texto azul violeta é legível sobre branco?
Sua razão de contraste sobre o branco é 5.96 : 1, o que atende ao WCAG AA para texto normal.
Quais cores combinam com o azul violeta?
Sua cor complementar é #84e22c; as cores análogas #2f2ce2 e #e22cdf ficam ao lado dela no círculo cromático.