Código da Cor Azul Meia-Noite (#191970)

Azul Meia-Noite é #191970 em hex e rgb(25, 25, 112) — um azul escuro. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ele é como texto.

Atualizado em

Azul Meia-Noite
#191970
Nome CSSmidnightblue
Hex#191970
RGBrgb(25, 25, 112)
HSLhsl(240 64% 27%)
HWBhwb(240 10% 56%)
CMYK78%, 78%, 0%, 56%

Tons e sombras

Harmonias de cores

Sobre o Azul Meia-Noite

Azul Meia-Noite (midnightblue) é um azul escuro e vibrante com o código hex #191970, ou rgb(25, 25, 112). Em HSL, ele tem matiz de 240°, saturação de 64% e luminosidade de 27%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: midnightblue; no lugar do valor hex.

Usando o Azul Meia-Noite em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Azul Meia-Noite sobre branco14.85 : 1AAA
Texto Azul Meia-Noite sobre preto1.41 : 1reprovado

Em um fundo azul meia-noite, use texto em branco (14.85 : 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: midnightblue;               /* or #191970 */
  background-color: #191970;
  border: 1px solid rgb(25 25 112 / 50%);
}

Cores nomeadas semelhantes

Marinho (#000080), Azul Escuro (#00008b), Índigo (#4b0082), Azul Ardósia Escuro (#483d8b), Cinza Ardósia Escuro (#2f4f4f), Roxo Rebecca (#663399).

Perguntas frequentes

Qual é o código hex do azul meia-noite?
#191970 — que equivale a rgb(25, 25, 112) e hsl(240, 64%, 27%). No CSS, você também pode escrever simplesmente midnightblue.
O texto azul meia-noite é legível sobre branco?
Sua razão de contraste sobre branco é 14.85 : 1, o que passa no nível AA da WCAG para textos normais.
Quais cores combinam com o azul meia-noite?
Sua cor complementar é #717119; as cores análogas #194571 e #451971 ficam ao lado dela no círculo cromático.