Paleta de colores

Color azul oscuro

Azul profundo con poca luz, cercano al azul marino. En CSS se llama darkblue. Transmite seriedad y es habitual en marcas corporativas y textos sobre fondo claro.

Azul oscuro · #00008B

Datos del color azul oscuro

El azul oscuro (#00008B) 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 139 de azul (sobre 255). Se usa sobre todo en web, branding, moda.

Tonos del azul oscuro: claros y oscuros

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

Armonías del color azul oscuro

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

ComplementarioCercano a: Verde oliva
AnálogosCercano a: Azul mezclilla, Índigo
TríadaCercano a: Rojo sangre, Verde
Complementario divididoCercano a: Marrón, Verde
TétradaCercano a: Borgoña, Verde oliva, Verde jade

Paletas con el color azul oscuro

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

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

Contraste del azul oscuro con texto

Texto blancoContraste 15.3:1 · AAA
Texto negroContraste 1.4:1 · No recomendado

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

Código CSS

:root {
  --azul-oscuro: #00008B;
  --azul-oscuro-rgb: 0, 0, 139;
}
.fondo { background-color: var(--azul-oscuro); }
.texto { color: var(--azul-oscuro); }

Colores parecidos al azul oscuro

Azul ultramarAzul marinoÍndigoAzul KleinMoradoUvaAzul medianocheAzul cobaltoPúrpuraAzul zafiro

Otros azules

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

Preguntas frecuentes

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

El código HEX del color azul oscuro es #00008B. En RGB es rgb(0, 0, 139), en HSL es hsl(240, 100%, 27%) y en CMYK es 100, 100, 0, 45.

¿Qué color es el complementario del azul oscuro?

Su complementario en el círculo cromático es #8B8B00, 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 oscuro?

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