Código del color azul medianoche (#191970)

Azul medianoche es #191970 en hex y rgb(25, 25, 112), un azul oscuro. Abajo encontrarás todos los formatos de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

Azul medianoche
#191970
Nombre CSSmidnightblue
Hex#191970
RGBrgb(25, 25, 112)
HSLhsl(240 64% 27%)
HWBhwb(240 10% 56%)
CMYK78%, 78%, 0%, 56%

Tonos y sombras

Armonías de color

Acerca de Azul medianoche

Azul medianoche (midnightblue) es un azul oscuro e intenso con el código hex #191970, o rgb(25, 25, 112). En HSL tiene un tono de 240°, 64% de saturación y 27% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: midnightblue; en lugar del valor hex.

Uso del azul medianoche para texto y fondos

CombinaciónRatio de contrasteWCAG
Texto azul medianoche sobre blanco14.85 : 1AAA
Texto azul medianoche sobre negro1.41 : 1no cumple

Sobre un fondo azul medianoche, usa texto blanco (14.85 : 1). WCAG exige al menos 4.5 : 1 para texto de cuerpo y 3 : 1 para texto grande. Revisa otras combinaciones con el Verificador de contraste.

CSS

.element {
  color: midnightblue;               /* or #191970 */
  background-color: #191970;
  border: 1px solid rgb(25 25 112 / 50%);
}

Nombres de color similares

Azul marino (#000080), Azul oscuro (#00008b), Índigo (#4b0082), Azul pizarra oscuro (#483d8b), Gris pizarra oscuro (#2f4f4f), Morado Rebecca (#663399).

Preguntas frecuentes

¿Cuál es el código hex del azul medianoche?
#191970, es decir rgb(25, 25, 112) y hsl(240, 64%, 27%). En CSS también puedes escribir simplemente midnightblue.
¿El texto azul medianoche se lee bien sobre blanco?
Su ratio de contraste sobre blanco es 14.85 : 1, lo que cumple WCAG AA para texto normal.
¿Qué colores combinan bien con el azul medianoche?
Su color complementario es #717119; los colores análogos #194571 y #451971 están junto a él en la rueda de color.