Cor Laranja-escuro: código #FF8C00

Laranja-escuro

#FF8C00

Códigos da cor

  • HEX#FF8C00
  • RGBrgb(255, 140, 0)
  • HSLhsl(33, 100%, 50%)
  • HSVhsv(33, 100%, 100%)
  • CMYKcmyk(0%, 45%, 100%, 0%)
  • LABlab(69.5% 36.8 75.5)
  • OKLCHoklch(75.1% 0.179 58.3)

Sobre a cor Laranja-escuro

Laranja-escuro tem o código HEX #FF8C00, que corresponde a rgb(255, 140, 0) no modelo RGB. No círculo cromático, seu matiz fica em 33°, com 100% de saturação e 50% de luminosidade (hsl(33, 100%, 50%)).

Pelo matiz, é percebida como uma cor quente: tende a transmitir energia e proximidade e a “avançar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 9,00:1 sobre ela, contra 2,33:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 45%, 100%, 0%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Laranja-escuro

Complementar

#FF8C00 · #0073FF

Análoga

#FF0D00 · #FF8C00 · #F2FF00

Tríade

#FF8C00 · #00FF8C · #8C00FF

Tetrádica

#FF8C00 · #00FF0D · #0073FF · #FF00F2

Complementar dividida

#FF8C00 · #00F2FF · #0D00FF

Monocromática

#804600 · #CC7000 · #FF8C00 · #FFAF4D · #FFD199

Laranja-escuro com texto branco e preto

Texto branco Aa Bb Cc 123
2,33:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
9,00:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-dark-orange: #FF8C00;
  --color-dark-orange-rgb: 255, 140, 0;
}

.elemento {
  background-color: var(--color-dark-orange);
  color: #000000;
}

Cores parecidas

Use Laranja-escuro nas ferramentas