Paleta de colores

Color azul acero

Azul medio con fondo grisáceo, como el reflejo del acero. En CSS se llama steelblue. Es sobrio y técnico, útil en interfaces y marcas industriales.

Azul acero · #4682B4

Datos del color azul acero

El azul acero (#4682B4) es un color frío, de luminosidad media y de saturación media. Pertenece a la familia de los azules. Se mezcla con 70 de rojo, 130 de verde y 180 de azul (sobre 255). Se usa sobre todo en web, industrial, moda.

Tonos del azul acero: claros y oscuros

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

Armonías del color azul acero

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

ComplementarioCercano a: Cobre
AnálogosCercano a: Azul Tiffany, Azul cobalto
TríadaCercano a: Ciruela, Verde pistacho
Complementario divididoCercano a: Rojo indio, Oro viejo
TétradaCercano a: Orquídea, Cobre, Verde bosque

Paletas con el color azul acero

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

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

Contraste del azul acero con texto

Texto blancoContraste 4.1:1 · AA texto grande
Texto negroContraste 5.1:1 · AA

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

Código CSS

:root {
  --azul-acero: #4682B4;
  --azul-acero-rgb: 70, 130, 180;
}
.fondo { background-color: var(--azul-acero); }
.texto { color: var(--azul-acero); }

Colores parecidos al azul acero

Azul cerúleoGris azuladoAzul FranciaGris pizarraAzul petróleoGris aceroAzul bebéGris plomoCelesteAzul mezclilla

Paletas temáticas con este color

Paletas de colores para XV añosPaletas de colores para InstagramPaletas de colores para tesisPaletas de colores para clínica y consultorioPaletas de colores aesthetic

Otros azules

AzulAzul marinoCelesteAzul cobaltoAzul zafiroAzul 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 acero?

El código HEX del color azul acero es #4682B4. En RGB es rgb(70, 130, 180), en HSL es hsl(207, 44%, 49%) y en CMYK es 61, 28, 0, 29.

¿Qué color es el complementario del azul acero?

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

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

Mejor usa texto negro: el contraste con blanco es solo 4.1:1, mientras que con negro es 5.1:1.