Paleta de Cores

Cor laranja

Leva o nome da fruta, que chegou à Europa vinda da Ásia através do árabe naranja. Mistura a energia do vermelho com a alegria do amarelo. É comum em coletes de segurança, promoções e marcas que querem parecer próximas.

Também conhecida como: cor de laranja, alaranjado.

Laranja · #FF8000

Sobre a cor laranja

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

Tons de laranja: claros e escuros

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

Cores que combinam com laranja

Azul-marinhoSeu complementar escuro: contraste forte e elegante.BrancoFresco e alegre.CinzaAcalma o laranja e deixa tudo moderno.Marrom-caféUma cartela quente de outono.Verde-olivaUma mistura natural e retrô.RoxoUm contraste ousado e criativo.TurquesaDupla tropical cheia de vida.BegeUma base suave e quente.
Como usar laranja em roupas e decoração →

Harmonias da cor laranja

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

ComplementarPróximo de: Azul-elétrico
AnálogasPróximo de: Vermelho, Amarelo
TríadePróximo de: Verde-menta, Violeta
Complementar divididaPróximo de: Ciano, Azul
TétradePróximo de: Verde neon, Azul-elétrico, Magenta

Paletas com a cor laranja

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

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

Contraste de laranja com texto

Texto brancoContraste 2.5:1 · Não recomendado
Texto pretoContraste 8.3:1 · AAA

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

Código CSS

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

Cores parecidas com laranja

TangerinaAbóboraCenouraLaranja neonLaranja-queimadoCanelaOcreCoralLaranja-avermelhadoMogno

Paletas temáticas com esta cor

Paletas de cores para aplicativoPaletas de cores de HalloweenPaletas de cores do Día de MuertosPaletas de cores alegres

Mais laranjas

TangerinaAbóboraCenouraDamascoPêssegoCoralTerracotaLaranja-queimadoSalmãoFerrugemCobreLaranja neonLaranja pastelLaranja-avermelhado

Perguntas frequentes

Qual é o código da cor laranja?

O código HEX da cor laranja é #FF8000. Em RGB é rgb(255, 128, 0), em HSL é hsl(30, 100%, 50%) e em CMYK é 0, 50, 100, 0.

Qual é a cor complementar de laranja?

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

Dá para usar texto branco sobre a cor laranja?

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

Quais cores combinam com laranja?

Combina bem com azul-marinho, branco, cinza, marrom-café, verde-oliva. Evite juntar com vermelho ou rosa intenso sem neutros, porque o conjunto fica berrante. Com amarelo brilhante, pode carregar demais.