Código da Cor Azul Ardósia Escuro (#483d8b)

Azul Ardósia Escuro é #483d8b em hex e rgb(72, 61, 139), um azul escuro. Abaixo estão todos os formatos da cor, tons claros e escuros, harmonias e o quanto ela é legível como texto.

Atualizado em

Azul Ardósia Escuro
#483d8b
Nome CSSdarkslateblue
Hex#483d8b
RGBrgb(72, 61, 139)
HSLhsl(248 39% 39%)
HWBhwb(248 24% 45%)
CMYK48%, 56%, 0%, 45%

Tons claros e escuros

Harmonias de cores

Sobre o Azul Ardósia Escuro

Azul Ardósia Escuro (darkslateblue) é um azul escuro de saturação moderada, com código hex #483d8b, ou rgb(72, 61, 139). Em HSL, ele tem matiz de 248°, saturação de 39% e luminosidade de 39%. É uma das 148 cores nomeadas que todos os navegadores reconhecem, então você pode escrever color: darkslateblue; no lugar do valor hex.

Usando o Azul Ardósia Escuro em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Azul Ardósia Escuro sobre branco9.07 : 1AAA
Texto Azul Ardósia Escuro sobre preto2.32 : 1reprovado

Em um fundo azul ardósia escuro, use texto em branco (9.07 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.

CSS

.element {
  color: darkslateblue;               /* or #483d8b */
  background-color: #483d8b;
  border: 1px solid rgb(72 61 139 / 50%);
}

Cores nomeadas semelhantes

Roxo Rebecca (#663399), Índigo (#4b0082), Cinza Opaco (#696969), Azul Meia-Noite (#191970), Cinza Ardósia Escuro (#2f4f4f), Cinza Ardósia (#708090).

Perguntas frequentes

Qual é o código hex do azul ardósia escuro?
#483d8b, que equivale a rgb(72, 61, 139) e hsl(248, 39%, 39%). No CSS você também pode simplesmente escrever darkslateblue.
O texto azul ardósia escuro é legível sobre branco?
Sua razão de contraste sobre o branco é 9.07 : 1, o que atende ao WCAG AA para textos normais.
Quais cores combinam com o azul ardósia escuro?
Sua cor complementar é #808a3d; as cores análogas #3d598a e #6e3d8a ficam ao lado dela no círculo cromático.