Código de color azul acero (#4682b4)

Azul acero es #4682b4 en hexadecimal y rgb(70, 130, 180), un azul medio. Abajo encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Azul acero
#4682b4
Nombre CSSsteelblue
Hex#4682b4
RGBrgb(70, 130, 180)
HSLhsl(207 44% 49%)
HWBhwb(207 27% 29%)
CMYK61%, 28%, 0%, 29%

Tintes y sombras

Armonías de color

Acerca de Azul acero

Azul acero (steelblue) es un azul medio, de saturación moderada, con código hexadecimal #4682b4, o rgb(70, 130, 180). En HSL tiene un tono de 207°, 44% de saturación y 49% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: steelblue; en lugar del valor hex.

Uso del azul acero para texto y fondos

CombinaciónRelación de contrasteWCAG
Texto azul acero sobre blanco4.11 : 1Solo AA para texto grande
Texto azul acero sobre negro5.11 : 1AA

Sobre un fondo azul acero, usa texto en negro (5.11 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.

CSS

.element {
  color: steelblue;               /* or #4682b4 */
  background-color: #4682b4;
  border: 1px solid rgb(70 130 180 / 50%);
}

Colores con nombre similares

Azul cadete (#5f9ea0), Azul real (#4169e1), Gris pizarra (#708090), Gris pizarra claro (#778899), Azul pizarra (#6a5acd), Verde mar claro (#20b2aa).

Preguntas frecuentes

¿Cuál es el código hex del azul acero?
#4682b4, que equivale a rgb(70, 130, 180) y hsl(207, 44%, 49%). En CSS también puedes escribir simplemente steelblue.
¿Se lee bien el texto azul acero sobre blanco?
Su relación de contraste sobre blanco es 4.11 : 1, que solo cumple para texto grande (WCAG AA texto grande).
¿Qué colores combinan bien con el azul acero?
Su color complementario es #b47746; los colores análogos #46b4ae y #464bb4 están junto a él en la rueda de color.