Saltar al contenido
Color Codes

Color CSS con nombre

Código de color MidnightBlue

MidnightBlue es un azul oscuro y moderadamente saturado con el código hexadecimal #191970. En RGB es rgb(25, 25, 112), en HSL hsl(240, 64%, 27%) y en CMYK cmyk(78%, 78%, 0%, 56%).

MidnightBlue
#191970

Valores del color

En CSS puedes escribirlo con la palabra clave midnightblue.

El texto blanco sobre MidnightBlue tiene una relación de contraste de 14.85:1 y el texto negro de 1.41:1, así que el texto blanco es la opción más legible.

El color de Tailwind CSS más cercano es Indigo 900 (#312E81).

Usar MidnightBlue en CSS

.element {
  color: midnightblue;
  background-color: #191970;
  border-color: rgb(25, 25, 112);
}

Tonos claros y oscuros de MidnightBlue

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con MidnightBlue

Armonías de la rueda de color creadas a partir de #191970. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre MidnightBlue

Aa
Texto blanco
14.85:1
AAA
Aa
Texto negro
1.41:1
No cumple
Comprobar en el verificador de contraste

Colores parecidos a MidnightBlue

Paletas con colores parecidos

Preguntas sobre MidnightBlue

¿Cuál es el código hexadecimal de MidnightBlue?

El código hexadecimal de MidnightBlue es #191970. Su valor RGB es rgb(25, 25, 112) y su valor HSL es hsl(240, 64%, 27%).

¿Qué colores combinan con MidnightBlue?

El color complementario de MidnightBlue es #717119. Para un esquema más suave prueba los colores análogos #194571 y #451971; para un esquema equilibrado de tres colores usa los triádicos #711919 y #197119.

¿MidnightBlue es legible como color de texto?

Sobre un fondo blanco, MidnightBlue tiene una relación de contraste de 14.85:1, que cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 1.41:1.

Más colores de la familia azules