Código da Cor Azul Ardósia (#6a5acd)

Azul Ardósia é #6a5acd em hexadecimal e rgb(106, 90, 205) — um azul médio. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quanto ela é legível como texto.

Atualizado em

Azul Ardósia
#6a5acd
Nome CSSslateblue
Hex#6a5acd
RGBrgb(106, 90, 205)
HSLhsl(248 53% 58%)
HWBhwb(248 35% 20%)
CMYK48%, 56%, 0%, 20%

Tons e sombras

Harmonias de cores

Sobre o Azul Ardósia

Azul Ardósia (slateblue) é um azul médio, de saturação moderada, com o código hex #6a5acd, ou rgb(106, 90, 205). Em HSL, ele tem matiz de 248°, 53% de saturação e 58% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: slateblue; no lugar do valor hex.

Usando o Azul Ardósia em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Azul Ardósia no branco5.31 : 1AA
Texto Azul Ardósia no preto3.96 : 1AA apenas para texto grande

Em um fundo azul ardósia, use texto branco (5.31 : 1). A WCAG exige no mínimo 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: slateblue;               /* or #6a5acd */
  background-color: #6a5acd;
  border: 1px solid rgb(106 90 205 / 50%);
}

Nomes de cores semelhantes

Azul Ardósia Médio (#7b68ee), Azul Royal (#4169e1), Roxo Médio (#9370db), Azul Aço (#4682b4), Azul Violeta (#8a2be2), Orquídea Escura (#9932cc).

Perguntas frequentes

Qual é o código hex do azul ardósia?
#6a5acd — que equivale a rgb(106, 90, 205) e hsl(248, 53%, 58%). No CSS você também pode simplesmente escrever slateblue.
O texto azul ardósia é legível no branco?
Sua razão de contraste no branco é 5.31 : 1, o que atende ao WCAG AA para texto normal.
Quais cores combinam com o azul ardósia?
Sua cor complementar é #becd5b; as cores análogas #5b85cd e #a35bcd ficam ao lado dela no círculo cromático.