Sobre o Azul Médio
Azul Médio (mediumblue) é um azul médio e vibrante, com código hex #0000cd, ou rgb(0, 0, 205). Em HSL ele fica no matiz de 240°, com 100% de saturação e 40% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: mediumblue; em vez do valor hex.
Usando o Azul Médio em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto azul médio no branco | 11.16 : 1 | AAA |
| Texto azul médio no preto | 1.88 : 1 | reprovado |
Em um fundo azul médio, use texto branco (11.16 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: mediumblue; /* or #0000cd */
background-color: #0000cd;
border: 1px solid rgb(0 0 205 / 50%);
}
Nomes de cores semelhantes
Azul (#0000ff), Azul Escuro (#00008b), Marinho (#000080), Azul Meia-Noite (#191970), Índigo (#4b0082), Azul Ardósia Escuro (#483d8b).
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.