Color Azul acero: código #4682B4

Azul acero

#4682B4

Códigos del color

  • HEX#4682B4
  • RGBrgb(70, 130, 180)
  • HSLhsl(207, 44%, 49%)
  • HSVhsv(207, 61%, 71%)
  • CMYKcmyk(61%, 28%, 0%, 29%)
  • LABlab(52.5% -4.1 -32.2)
  • OKLCHoklch(58.8% 0.099 245.7)

Sobre el color Azul acero

Azul acero tiene el código HEX #4682B4, que corresponde a rgb(70, 130, 180) en el modelo RGB. En el círculo cromático, su tono está en 207°, con 44% de saturación y 49% de luminosidad (hsl(207, 44%, 49%)).

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 oscuro: el negro alcanza un contraste de 5,11:1 sobre él, frente a 4,10:1 del blanco.

Para impresión, la conversión aproximada es cmyk(61%, 28%, 0%, 29%). 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 acero

Complementaria

#4682B4 · #B47746

Análoga

#46B4AE · #4682B4 · #464BB4

Tríada

#4682B4 · #B44682 · #82B446

Tetrádica

#4682B4 · #AE46B4 · #B47746 · #4BB446

Complementaria dividida

#4682B4 · #B4464B · #B4AE46

Monocromática

#224058 · #38688F · #4682B4 · #7BA7CC · #B2CCE1

Azul acero con texto blanco y negro

Texto blanco Aa Bb Cc 123
4,10:1 · solo texto grande
Texto negro Aa Bb Cc 123
5,11:1 · AA

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

:root {
  --color-steel-blue: #4682B4;
  --color-steel-blue-rgb: 70, 130, 180;
}

.elemento {
  background-color: var(--color-steel-blue);
  color: #000000;
}