Color Azul marino: código #000080

Azul marino

#000080

Códigos del color

  • HEX#000080
  • RGBrgb(0, 0, 128)
  • HSLhsl(240, 100%, 25%)
  • HSVhsv(240, 100%, 50%)
  • CMYKcmyk(100%, 100%, 0%, 50%)
  • LABlab(13% 47.5 -64.7)
  • OKLCHoklch(27.1% 0.188 264.1)

Sobre el color Azul marino

Azul marino tiene el código HEX #000080, que corresponde a rgb(0, 0, 128) en el modelo RGB. En el círculo cromático, su tono está en 240°, con 100% de saturación y 25% de luminosidad (hsl(240, 100%, 25%)).

Por su tono se percibe como un color frío: suele transmitir calma y distancia y «retrocede» visualmente en la composición.

Como fondo pide texto claro: el blanco alcanza un contraste de 16,00:1 sobre él, frente a 1,31:1 del negro.

Para impresión, la conversión aproximada es cmyk(100%, 100%, 0%, 50%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Azul marino

Complementaria

#000080 · #808000

Análoga

#004080 · #000080 · #400080

Tríada

#000080 · #800000 · #008000

Tetrádica

#000080 · #800040 · #808000 · #008040

Complementaria dividida

#000080 · #804000 · #408000

Monocromática

#000000 · #00004D · #000080 · #0000CC · #1A1AFF

Azul marino con texto blanco y negro

Texto blanco Aa Bb Cc 123
16,00:1 · AAA
Texto negro Aa Bb Cc 123
1,31:1 · no cumple WCAG

Prueba otras combinaciones en el verificador de contraste

Por qué el azul marino transmite seriedad

El nombre viene de los uniformes navales, y la asociación con disciplina, autoridad y confianza se mantuvo. El azul marino es habitual en trajes, blazers, uniformes escolares y ropa de trabajo: aporta formalidad sin la dureza del negro. Como todo significado del color, es cultural y depende del contexto; en moda de verano, el mismo tono evoca el estilo marinero, las rayas y el mar.

Técnicamente, #000080 es azul puro a la mitad de brillo: hsl(240, 100%, 25%). En pantalla es tan oscuro que, en superficies pequeñas, puede confundirse con el negro.

Dónde usarlo

Marca e interfaces

Bancos, aseguradoras, despachos de abogados y universidades recurren al marino para transmitir solidez. En UI funciona en encabezados, pies de página y texto, con un contraste de unas 16:1 sobre blanco, muy por encima del mínimo de WCAG. Comprueba combinaciones concretas en el verificador de contraste.

Moda y decoración

En el armario, el marino se comporta como un neutro: combina con caqui, gris, blanco e incluso marrón. En paredes, crea un dormitorio o estudio recogido y tranquilo, siempre que haya buena luz y algo de madera o metal dorado que lo caliente.

Combinaciones que funcionan

Azul marino frente a azul real

Son los dos azules que más se confunden al encargar uniformes o definir colores de marca. La diferencia principal es la luminosidad:

ColorHEXHSLCarácter
Azul marino#000080240°, 100%, 25%oscuro, formal, casi neutro
Azul real#4169E1225°, 73%, 57%vivo, deportivo, llamativo

En impresión, el marino equivale aproximadamente a 100% cian, 100% magenta y 50% negro. Es mucha tinta, así que elige un papel que la aguante sin correrse.

Cómo usarlo en CSS

:root {
  --color-navy-blue: #000080;
  --color-navy-blue-rgb: 0, 0, 128;
}

.elemento {
  background-color: var(--color-navy-blue);
  color: #FFFFFF;
}

Colores parecidos

Usa Azul marino en nuestras herramientas