Paleta de Cores

Cor laranja-escuro

Um laranja forte e cheio que é uma das cores com nome do HTML e do CSS. Apesar do nome, é brilhante e vivo, e aparece muito em botões, gráficos e no Halloween.

Abrir no editor

O código HEX da cor laranja-escuro é #FF8C00. Em RGB é rgb(255, 140, 0), em HSL é hsl(33, 100%, 50%) e em CMYK é 0, 45, 100, 0.

Veja na vida real

Escolha uma cor para combinar e veja como fica em roupas, decoração e design.

Cores parecidas com laranja-escuro

Tangerina#F28500Laranja#FF8000Cenoura#ED9121Abóbora#FF7518Calêndula#EAA221Manga#FF8243

Sobre a cor laranja-escuro

O laranja-escuro (#FF8C00) é uma cor quente, de luminosidade média e muito saturada. Faz parte da família dos laranjas. É formada por 255 de vermelho, 140 de verde e 0 de azul (de 0 a 255). É usada principalmente em web, design gráfico, eventos.

Amostra da cor Laranja-escuro com seus tons do claro ao escuro · #FF8C00
Laranja-escuro · #FF8C00

Tons de laranja-escuro: claros e escuros

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

Veja todos os tons: Gerador de escala de cores

Cores de roupa por estação e estilo80 paletas masculinas e femininas, cada uma com 8 looks para copiar: luxo discreto, praia, montanha, trabalho e mais.Ver paletas de roupa

Harmonias da cor laranja-escuro

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-primavera, Violeta
Complementar divididaPróximo de: Ciano, Azul
TétradePróximo de: Verde neon, Azul-elétrico, Magenta

Paletas com a cor laranja-escuro

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

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

Contraste de laranja-escuro com texto

Texto brancoContraste 2.3:1 · Não recomendado
Texto pretoContraste 9.0:1 · AAA

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

Código CSS

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

Cores parecidas com laranja-escuro

CanelaLaranja-caquiOcreLaranja pastel

Paletas temáticas com esta cor

Paletas de cores de HalloweenPaletas de cores do Día de MuertosPaletas de cores alegresPaletas de cores laranja

Mais laranjas

LaranjaTangerinaAbóboraCenouraDamascoPêssegoCoralTerracotaLaranja-queimadoSalmãoFerrugemCobreLaranja neonLaranja pastelLaranja-avermelhadoMangaMelãoLaranja-caquiSalmão-claroSiena queimadaRosa-coral
Amostra da cor Laranja-escuro com seus tons do claro ao escuro · #FF8C00
Amostra da cor Laranja-escuro com seus tons do claro ao escuro · #FF8C00

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresEstampa de cores de aniversárioXadrez e listras com os aniversários da famíliaColoração pessoal por selfieDescubra sua estação e suas melhores cores com uma foto
Ver todas as ferramentas grátis →

Perguntas frequentes

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

O código HEX da cor laranja-escuro é #FF8C00. Em RGB é rgb(255, 140, 0), em HSL é hsl(33, 100%, 50%) e em CMYK é 0, 45, 100, 0.

Qual é a cor complementar de laranja-escuro?

A complementar no círculo cromático é #0073FF, 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-escuro?

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