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ção | Razão de contraste | WCAG |
|---|---|---|
| Texto Azul Meia-Noite sobre branco | 14.85 : 1 | AAA |
| Texto Azul Meia-Noite sobre preto | 1.41 : 1 | reprovado |
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).
Nomear Cores
Cole um código HEX para obter o nome mais próximo, legível para humanos, e nomes de tokens limpos para o seu CSS, SCSS, JavaScript ou configuração do Tailwind.