Sobre o Azul Dodger
Azul Dodger (dodgerblue) é um azul médio e vibrante, com o código hex #1e90ff, ou rgb(30, 144, 255). Em HSL, ele fica com matiz de 210°, 100% de saturação e 56% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: dodgerblue; no lugar do valor hex.
Usando o Azul Dodger em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Azul Dodger no branco | 3.24 : 1 | Somente AA para texto grande |
| Texto Azul Dodger no preto | 6.49 : 1 | AA |
Em um fundo azul dodger, use texto em preto (6.49 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outros pares com o Verificador de Contraste.
CSS
.element {
color: dodgerblue; /* or #1e90ff */
background-color: #1e90ff;
border: 1px solid rgb(30 144 255 / 50%);
}
Cores nomeadas semelhantes
Azul Céu Profundo (#00bfff), Azul Real (#4169e1), Azul Centáurea (#6495ed), Turquesa Escuro (#00ced1), Azul Aço (#4682b4), Verde Mar Claro (#20b2aa).
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.