Código da Cor Dodger Blue (#1e90ff)

Azul Dodger é #1e90ff em hex e rgb(30, 144, 255) — um azul médio. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ele é como texto.

Atualizado em

Azul Dodger
#1e90ff
Nome CSSdodgerblue
Hex#1e90ff
RGBrgb(30, 144, 255)
HSLhsl(210 100% 56%)
HWBhwb(210 12% 0%)
CMYK88%, 44%, 0%, 0%

Tons e sombras

Harmonias de cores

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çãoRazão de contrasteWCAG
Texto Azul Dodger no branco3.24 : 1Somente AA para texto grande
Texto Azul Dodger no preto6.49 : 1AA

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).

Perguntas frequentes

Qual é o código hex do azul dodger?
#1e90ff — que equivale a rgb(30, 144, 255) e hsl(210, 100%, 56%). No CSS você também pode simplesmente escrever dodgerblue.
O texto azul dodger é legível no branco?
Sua razão de contraste no branco é 3.24 : 1, aprovada apenas para texto grande (WCAG AA texto grande).
Quais cores combinam com o azul dodger?
Sua cor complementar é #ff8f1f; as cores análogas #1fffff e #1f1fff ficam ao lado dela no círculo cromático.