Código da Cor Laranja Avermelhado (#ff4500)

Laranja Avermelhado é #ff4500 em hexadecimal e rgb(255, 69, 0) — um laranja médio. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ele é como texto.

Atualizado em

Laranja Avermelhado
#ff4500
Nome CSSorangered
Hex#ff4500
RGBrgb(255, 69, 0)
HSLhsl(16 100% 50%)
HWBhwb(16 0% 0%)
CMYK0%, 73%, 100%, 0%

Tons e sombras

Harmonias de cores

Sobre o Laranja Avermelhado

Laranja Avermelhado (orangered) é um laranja médio e vibrante, com o código hex #ff4500, ou rgb(255, 69, 0). Em HSL, ele fica com matiz de 16°, saturação de 100% e luminosidade de 50%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: orangered; em vez do valor hexadecimal.

Usando o Laranja Avermelhado em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto laranja avermelhado no branco3.44 : 1AA apenas para texto grande
Texto laranja avermelhado no preto6.10 : 1AA

Em um fundo laranja avermelhado, use texto preto (6.10 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outros pares com o Verificador de Contraste.

CSS

.element {
  color: orangered;               /* or #ff4500 */
  background-color: #ff4500;
  border: 1px solid rgb(255 69 0 / 50%);
}

Nomes de cores semelhantes

Chocolate (#d2691e), Vermelho (#ff0000), Laranja Escuro (#ff8c00), Tomate (#ff6347), Carmesim (#dc143c), Vermelho Tijolo (#b22222).

Perguntas frequentes

Qual é o código hex do laranja avermelhado?
#ff4500 — que equivale a rgb(255, 69, 0) e hsl(16, 100%, 50%). No CSS você também pode escrever simplesmente orangered.
O texto laranja avermelhado é legível sobre branco?
Sua razão de contraste sobre o branco é 3.44 : 1, que só passa para textos grandes (WCAG AA texto grande).
Quais cores combinam com o laranja avermelhado?
Sua cor complementar é #00bbff; as cores análogas #ff003c e #ffc300 ficam ao lado dela no círculo cromático.