Código del color Azul Dodger (#1e90ff)

Azul Dodger es #1e90ff en hexadecimal y rgb(30, 144, 255), un azul medio. Abajo encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

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

Tintes y sombras

Armonías de color

Acerca de Azul Dodger

Azul Dodger (dodgerblue) es un azul medio y vívido con el código hex #1e90ff, o rgb(30, 144, 255). En HSL tiene un tono de 210°, 100% de saturación y 56% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: dodgerblue; en lugar del valor hex.

Uso de Azul Dodger para texto y fondos

CombinaciónRelación de contrasteWCAG
Texto Azul Dodger sobre blanco3.24 : 1AA solo para texto grande
Texto Azul Dodger sobre negro6.49 : 1AA

Sobre un fondo azul Dodger, usa texto en negro (6.49 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Verificador de contraste.

CSS

.element {
  color: dodgerblue;               /* or #1e90ff */
  background-color: #1e90ff;
  border: 1px solid rgb(30 144 255 / 50%);
}

Colores con nombre similares

Azul cielo profundo (#00bfff), Azul real (#4169e1), Azul aciano (#6495ed), Turquesa oscuro (#00ced1), Azul acero (#4682b4), Verde mar claro (#20b2aa).

Preguntas frecuentes

¿Cuál es el código hex del azul Dodger?
#1e90ff, que equivale a rgb(30, 144, 255) y hsl(210, 100%, 56%). En CSS también puedes escribir simplemente dodgerblue.
¿Se lee bien el texto azul Dodger sobre blanco?
Su relación de contraste sobre blanco es 3.24 : 1, que solo cumple para texto grande (WCAG AA texto grande).
¿Qué colores combinan bien con el azul Dodger?
Su color complementario es #ff8f1f; los colores análogos #1fffff y #1f1fff quedan junto a él en la rueda de color.