Paleta de Cores

Cor laranja-avermelhado

Fica bem entre o vermelho e o laranja e, no CSS, se chama orangered. Tem muita energia e chama a atenção na hora. É usado em botões, ícones de notificação e marcas que buscam dinamismo.

Também conhecida como: vermelho-alaranjado.

Laranja-avermelhado · #FF4500

Sobre a cor laranja-avermelhado

O laranja-avermelhado (#FF4500) é uma cor quente, de luminosidade média e muito saturada. Faz parte da família dos laranjas. É formada por 255 de vermelho, 69 de verde e 0 de azul (de 0 a 255). É usada principalmente em web, sinalização, logos.

Tons de laranja-avermelhado: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Harmonias da cor laranja-avermelhado

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

ComplementarPróximo de: Azul-bebê
AnálogasPróximo de: Vermelho-cereja, Amarelo-girassol
TríadePróximo de: Verde neon, Azul
Complementar divididaPróximo de: Água-marinha, Azul
TétradePróximo de: Verde neon, Azul-bebê, Violeta

Paletas com a cor laranja-avermelhado

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Laranja-avermelhado
Paleta análoga · Laranja-avermelhado
Paleta complementar · Laranja-avermelhado
Paleta tríade · Laranja-avermelhado
Paleta com neutros · Laranja-avermelhado
Paleta com destaque · Laranja-avermelhado

Contraste de laranja-avermelhado com texto

Texto brancoContraste 3.4:1 · AA texto grande
Texto pretoContraste 6.1:1 · AA

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --laranja-avermelhado: #FF4500;
  --laranja-avermelhado-rgb: 255, 69, 0;
}
.fundo { background-color: var(--laranja-avermelhado); }
.texto { color: var(--laranja-avermelhado); }

Cores parecidas com laranja-avermelhado

Vermelho FerrariEscarlateLaranja neonVermelhoAbóboraVermelho-tomateMognoLaranja-queimadoVermelhãoLaranja

Mais laranjas

LaranjaTangerinaAbóboraCenouraDamascoPêssegoCoralTerracotaLaranja-queimadoSalmãoFerrugemCobreLaranja neonLaranja pastel

Perguntas frequentes

Qual é o código da cor laranja-avermelhado?

O código HEX da cor laranja-avermelhado é #FF4500. Em RGB é rgb(255, 69, 0), em HSL é hsl(16, 100%, 50%) e em CMYK é 0, 73, 100, 0.

Qual é a cor complementar de laranja-avermelhado?

A complementar no círculo cromático é #00BAFF, um tom próximo de azul-bebê. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor laranja-avermelhado?

Melhor usar texto preto: o contraste com o branco é só 3.4:1, enquanto com o preto é 6.1:1.