Saltar al contenido
Color Codes

Color tradicional chino

Código de color Navy Blue

Navy Blue es un azul violáceo oscuro y moderadamente saturado con el código hexadecimal #3B2E7E. En RGB es rgb(59, 46, 126), en HSL hsl(250, 47%, 34%) y en CMYK cmyk(53%, 63%, 0%, 51%).

Navy Blue
藏青
#3B2E7E

Valores del color

El texto blanco sobre Navy Blue tiene una relación de contraste de 11.18:1 y el texto negro de 1.88: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 Navy Blue en CSS

.element {
  color: #3b2e7e;
  background-color: #3b2e7e;
  border-color: rgb(59, 46, 126);
}

Tonos claros y oscuros de Navy Blue

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

Colores que combinan con Navy Blue

Armonías de la rueda de color creadas a partir de #3B2E7E. 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 Navy Blue

Aa
Texto blanco
11.18:1
AAA
Aa
Texto negro
1.88:1
No cumple
Comprobar en el verificador de contraste

Colores parecidos a Navy Blue

Paletas con colores parecidos

Preguntas sobre Navy Blue

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

El código hexadecimal de Navy Blue es #3B2E7E. Su valor RGB es rgb(59, 46, 126) y su valor HSL es hsl(250, 47%, 34%).

¿Qué colores combinan con Navy Blue?

El color complementario de Navy Blue es #727F2E. Para un esquema más suave prueba los colores análogos #2E497F y #642E7F; para un esquema equilibrado de tres colores usa los triádicos #7F3C2E y #2E7F3C.

¿Navy Blue es legible como color de texto?

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

Más colores de la familia azules