Cor Laranja-avermelhado: código #FF4500

Laranja-avermelhado

#FF4500

Códigos da cor

  • HEX#FF4500
  • RGBrgb(255, 69, 0)
  • HSLhsl(16, 100%, 50%)
  • HSVhsv(16, 100%, 100%)
  • CMYKcmyk(0%, 73%, 100%, 0%)
  • LABlab(57.6% 67.8 69)
  • OKLCHoklch(66% 0.229 35.4)

Sobre a cor Laranja-avermelhado

Laranja-avermelhado tem o código HEX #FF4500, que corresponde a rgb(255, 69, 0) no modelo RGB. No círculo cromático, seu matiz fica em 16°, com 100% de saturação e 50% de luminosidade (hsl(16, 100%, 50%)).

Pelo matiz, é percebida como uma cor quente: tende a transmitir energia e proximidade e a “avançar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 6,10:1 sobre ela, contra 3,44:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 73%, 100%, 0%). 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 Laranja-avermelhado

Complementar

#FF4500 · #00BBFF

Análoga

#FF003C · #FF4500 · #FFC400

Tríade

#FF4500 · #00FF44 · #4400FF

Tetrádica

#FF4500 · #3CFF00 · #00BBFF · #C400FF

Complementar dividida

#FF4500 · #00FFC4 · #003CFF

Monocromática

#802200 · #CC3600 · #FF4500 · #FF7C4D · #FFB499

Laranja-avermelhado com texto branco e preto

Texto branco Aa Bb Cc 123
3,44:1 · só texto grande
Texto preto Aa Bb Cc 123
6,10:1 · AA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-orange-red: #FF4500;
  --color-orange-red-rgb: 255, 69, 0;
}

.elemento {
  background-color: var(--color-orange-red);
  color: #000000;
}