Código da Cor Laranja Escuro (#ff8c00)

Laranja Escuro é #ff8c00 em hex e rgb(255, 140, 0), um laranja médio. Abaixo você encontra todos os formatos de cor, tons e sombras, harmonias e a legibilidade dela como texto.

Atualizado em

Laranja Escuro
#ff8c00
Nome CSSdarkorange
Hex#ff8c00
RGBrgb(255, 140, 0)
HSLhsl(33 100% 50%)
HWBhwb(33 0% 0%)
CMYK0%, 45%, 100%, 0%

Tons e sombras

Harmonias de cores

Sobre o Laranja Escuro

Laranja Escuro (darkorange) é um laranja médio e vibrante, com o código hex #ff8c00, ou rgb(255, 140, 0). No HSL, ele tem matiz de 33°, saturação de 100% e luminosidade de 50%. É uma das 148 cores nomeadas que todos os navegadores reconhecem, então você pode escrever color: darkorange; no lugar do valor hex.

Usando o Laranja Escuro em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto em Laranja Escuro no branco2.33 : 1reprova
Texto em Laranja Escuro no preto9.00 : 1AAA

Em um fundo laranja escuro, use texto em preto (9.00 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outros pares com o Verificador de Contraste.

CSS

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

Cores nomeadas semelhantes

Laranja (#ffa500), Vara-de-ouro (#daa520), Chocolate (#d2691e), Vermelho Laranja (#ff4500), Vara-de-ouro Escuro (#b8860b), Dourado (#ffd700).

Perguntas frequentes

Qual é o código hex do laranja escuro?
#ff8c00, que equivale a rgb(255, 140, 0) e hsl(33, 100%, 50%). No CSS você também pode simplesmente escrever darkorange.
O texto em laranja escuro é legível sobre o branco?
A razão de contraste sobre o branco é 2.33 : 1, o que reprova no WCAG. Use a cor para decoração ou sobre um fundo escuro.
Quais cores combinam bem com o laranja escuro?
A cor complementar é #0073ff; as cores análogas #ff0d00 e #f2ff00 ficam ao lado dela no círculo cromático.