Cor Azul-aço: código #4682B4

Azul-aço

#4682B4

Códigos da cor

  • 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 a cor Azul-aço

Azul-aço tem o código HEX #4682B4, que corresponde a rgb(70, 130, 180) no modelo RGB. No círculo cromático, seu matiz fica em 207°, com 44% de saturação e 49% de luminosidade (hsl(207, 44%, 49%)).

Pelo matiz, é percebida como uma cor fria: tende a transmitir calma e distância e a “recuar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 5,11:1 sobre ela, contra 4,10:1 do branco.

Para impressão, a conversão aproximada é cmyk(61%, 28%, 0%, 29%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Azul-aço

Complementar

#4682B4 · #B47746

Análoga

#46B4AE · #4682B4 · #464BB4

Tríade

#4682B4 · #B44682 · #82B446

Tetrádica

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

Complementar dividida

#4682B4 · #B4464B · #B4AE46

Monocromática

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

Azul-aço com texto branco e preto

Texto branco Aa Bb Cc 123
4,10:1 · só texto grande
Texto preto Aa Bb Cc 123
5,11:1 · AA

Testar outras combinações no verificador de contraste

Como usar em CSS

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

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