Sobre o Azul Escuro
Azul Escuro (darkblue) é um azul escuro e vibrante, com o código hex #00008b, ou rgb(0, 0, 139). No HSL, ele tem matiz de 240°, 100% de saturação e 27% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: darkblue; no lugar do valor hex.
Usando o Azul Escuro em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto azul escuro no branco | 15.30 : 1 | AAA |
| Texto azul escuro no preto | 1.37 : 1 | reprovado |
Em um fundo azul escuro, use texto branco (15.30 : 1). O WCAG exige pelo menos 4.5 : 1 para textos normais e 3 : 1 para textos grandes. Confira outras combinações com o Verificador de Contraste.
CSS
.element {
color: darkblue; /* or #00008b */
background-color: #00008b;
border: 1px solid rgb(0 0 139 / 50%);
}
Cores nomeadas semelhantes
Azul-marinho (#000080), Azul meia-noite (#191970), Azul médio (#0000cd), Índigo (#4b0082), Azul ardósia escuro (#483d8b), Cinza ardósia escuro (#2f4f4f).
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.