Paleta de colores

Color azul marino

Se llama así por los uniformes de la marina británica. Es un azul muy oscuro, serio y fácil de combinar. Es un básico en trajes, uniformes escolares y decoración náutica.

También llamado: marino, navy.

Azul marino · #000080

Datos del color azul marino

El azul marino (#000080) es un color frío, oscuro y muy saturado. Pertenece a la familia de los azules. Se mezcla con 0 de rojo, 0 de verde y 128 de azul (sobre 255). Se usa sobre todo en moda, uniformes, decoración.

Tonos del azul marino: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Colores que combinan con el azul marino

BlancoEl contraste clásico de estilo marinero, limpio y fresco.BeigeUn dúo elegante y relajado, ideal para el día a día.CamelEl tono cálido del camel equilibra el frío del marino.RojoCrea un contraste fuerte y deportivo.DoradoAporta lujo; muy usado en botones y detalles.Palo rosaSuaviza el marino y lo hace más romántico.MostazaUn acento cálido y moderno sobre la base oscura.Gris claroUna mezcla sobria, perfecta para la oficina.
Cómo combinar el azul marino en ropa y decoración →

Armonías del color azul marino

Combinaciones según el círculo cromático. Más en armonías de color.

ComplementarioCercano a: Verde oliva
AnálogosCercano a: Ultravioleta, Índigo
TríadaCercano a: Granate, Verde
Complementario divididoCercano a: Chocolate, Verde
TétradaCercano a: Borgoña, Verde oliva, Verde jade

Paletas con el color azul marino

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Azul marino
Paleta Análoga · Azul marino
Paleta Complementaria · Azul marino
Paleta Tríada · Azul marino
Paleta Con neutros · Azul marino
Paleta Con acento · Azul marino

Contraste del azul marino con texto

Texto blancoContraste 16.0:1 · AAA
Texto negroContraste 1.3:1 · No recomendado

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --azul-marino: #000080;
  --azul-marino-rgb: 0, 0, 128;
}
.fondo { background-color: var(--azul-marino); }
.texto { color: var(--azul-marino); }

Colores parecidos al azul marino

Azul ultramarAzul oscuroÍndigoAzul KleinAzul medianocheMoradoUvaAzul cobaltoPúrpuraAzul zafiro

Otros azules

AzulCelesteAzul cobaltoAzul zafiroAzul aceroAzul reyAzul eléctricoAzul medianocheAzul ultramarAzul FranciaAzul de PrusiaAzul pastelAzul bebéAzul mezclillaAzul KleinAzul oscuroAzul claroAzul cerúleo

Preguntas frecuentes

¿Cuál es el código del color azul marino?

El código HEX del color azul marino es #000080. En RGB es rgb(0, 0, 128), en HSL es hsl(240, 100%, 25%) y en CMYK es 100, 100, 0, 50.

¿Qué color es el complementario del azul marino?

Su complementario en el círculo cromático es #808000, un tono cercano al verde oliva. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color azul marino?

Sí. El contraste con blanco es 16.0:1, suficiente para texto normal (WCAG AA).

¿Con qué colores combina el azul marino?

Combina bien con blanco, beige, camel, rojo, dorado. Evita combinarlo con negro si ambos tonos se ven muy parecidos, porque parece un error. El morado oscuro a su lado también se confunde y resta claridad.