Laranja-Escuro
Laranja-Escuro (#FF8C00) é um laranja médio, de tom quente, com RGB(255, 140, 0). É o darkorange do CSS: um laranja puro e vivo, mais fechado que o orange (#FFA500), mas nada escuro na tela. O Tangerina Viva (#F28500) é quase igual.
Em HSL, tem matiz de 33°, saturação de 100% e luminosidade de 50%. Em CMYK, os valores são C 0%, M 45%, Y 100% e K 0%. A cor segura para a web mais próxima é a #FF9900.
Conversões da Cor #FF8C00
Laranja-Escuro em vários códigos, para tela e para impressão. Guia: o que são HEX, RGB, HSL e CMYK · O que significa cada sigla, no glossário
| HEX | FF8C00 |
|---|---|
| RGB | 255, 140, 0 |
| CMYK | 0, 45, 100, 0 |
| HSB | 33, 100, 100 |
| HSL | 33, 100, 50 |
| LRV | 40,0 |
| LAB | 69.48, 36.82, 75.48 |
|---|---|
| LCH | 69.48, 83.98, 64.00 |
| XYZ | 50.62, 40.02, 5.06 |
| LUV | 69.48, 95.87, 65.39 |
| HWB | 33, 0, 50 |
| Web Safe | FF9900 |
Sobre a Cor Laranja-Escuro
O significado e a psicologia dos tons desta família estão em Cores Laranja.
Onde Usar
Na roupa, anima festa e esporte: camiseta de time, moletom, vestido curto, tênis, bolsa. Com preto, vira Halloween; com azul-marinho e branco, fica esportivo; com marrom, outonal.
Em casa, cabe em cadeiras, banquetas, utensílios, um quadro, a porta de um armário. Parede inteira, só em espaços infantis ou de lazer.
Na tela, é cor de ação sob letra preta; em letra branca, fica ilegível.
No papel, o laranja-escuro cabe no CMYK (C 0, M 45, Y 100, K 0), e o impresso costuma ficar perto da tela. Numa versão em cinza, vira um tom médio-claro, quase o Tubarão Branco (#B0B0AF).
Como Usar
O laranja-escuro trabalha como destaque e como cor de ação, com neutros escuros ou claros em volta.
Sobre o preto, tem 9,00:1, AAA, num par de alto impacto. Com o Azul-Marinho (#000080) (6,86:1), o laranja fica mais sério; com o Índigo (#4B0082) (5,55:1), mais noturno. O Carvão (#36454F) só funciona em títulos (4,24:1).
A complementar, perto do Azul Brandeis (#0070FF) (1,89:1), faz os dois vibrarem no máximo da saturação. Ao lado do Tangerina Viva (#F28500), o laranja-escuro parece mancha.
Psicologia
Saturação total e luz média-alta. Conforme Valdez e Mehrabian (1994), nenhum traço acende tanto a excitação quanto a saturação, e uma luz razoável segura o desagrado. O laranja-escuro é um laranja puro, sem cinza nem marrom.
É lido como energia, festa e ação. Em excesso, agita e cansa a vista.
Significado
O laranja-escuro é o da abóbora de Halloween e da cenoura crua, mas também o dos cones de trânsito, boias e coletes refletivos, feitos para serem vistos de longe. No Brasil, lembra o pôr do sol do cerrado na seca, quando a poeira deixa o céu alaranjado. Em logotipos, costuma aparecer em marcas jovens, de lanche rápido e de tecnologia.
Origem do Nome
É o dark orange da lista de cores do X11, que virou o darkorange do CSS (Wikipédia). Na lista em português de cores, o nome virou laranja-escuro, palavra por palavra. O escuro é relativo: o tom só é mais fechado que o orange da mesma lista, e a ficha o classifica como laranja médio.
Acessibilidade
Sobre branco, o laranja-escuro tem 2,33:1 e não serve para texto, nem grande. Por cima dele, o preto chega a 9,00:1, AAA.
Um protanope vê um verde-amarelado colado no Verde Ácido (#B0BF1A), misturado ao Lima Amarga (#BFFF00). Para deuteranopes, o tom encosta no Pera (#D1E231) e em amarelos-ouro como o Papoula Dourada (#FCC200). Com tritanopia, fica vermelho, quase o Vermelho Imperial (#ED2939), e se confunde com o Rose (#FF007F). Laranja e amarelo, para deuteranopes, são quase iguais.
Variações da Cor #FF8C00
Variações de Laranja-Escuro: sombras, tons claros, tons acinzentados, matizes e temperatura.
Sombras da Cor #FF8C00
Laranja-Escuro com preto acrescentado aos poucos. O que é sombra
Tons Claros da Cor #FF8C00
Laranja-Escuro com branco acrescentado aos poucos. O que é tom claro
Tons Acinzentados da Cor #FF8C00
Laranja-Escuro com cinza acrescentado aos poucos. O que é tom acinzentado
Matizes Próximos da Cor #FF8C00
Outros matizes a partir de Laranja-Escuro, girando no círculo cromático. O que é matiz
Temperaturas da Cor #FF8C00
Versões mais quentes e mais frias de Laranja-Escuro. Cores quentes e frias
Harmonias da Cor #FF8C00
Combinações de Laranja-Escuro pela posição no círculo cromático. O que são harmonias · Guia: cores complementares e análogas
Análogas
Laranja-Escuro e as duas cores vizinhas no círculo cromático.
Complementares
Laranja-Escuro e a cor do lado oposto do círculo cromático.
Complementares Divididas
Laranja-Escuro e as duas vizinhas da sua complementar.
Triádicas
Laranja-Escuro e mais duas cores, a 120° uma da outra.
Tetrádicas
Laranja-Escuro em dois pares de complementares, num retângulo.
Quadradas
Laranja-Escuro e mais três cores, a 90° uma da outra.
Simulador de Daltonismo da Cor #FF8C00
Como Laranja-Escuro aparece para quem tem cada tipo de daltonismo. Quantas pessoas têm cada tipo
Protanopia
Laranja-Escuro vira #CDCC22 para quem tem protanopia.
Deuteranopia
Laranja-Escuro vira #D4DD2A para quem tem deuteranopia.
Tritanopia
Laranja-Escuro vira #F93D43 para quem tem tritanopia.
Protanomalia
Laranja-Escuro vira #EAB212 para quem tem protanomalia.
Deuteranomalia
Laranja-Escuro vira #E8AA14 para quem tem deuteranomalia.
Tritanomalia
Laranja-Escuro vira #FB671A para quem tem tritanomalia.
Acromatopsia
Laranja-Escuro vira #9E9E9E para quem tem acromatopsia.
Verificador de Contraste (WCAG) da Cor #FF8C00
Laranja-Escuro como texto e como fundo, com branco e com preto. O que são os níveis AA e AAA · Guia: como medir o contraste
Fundo Branco
| Elemento | AA | AAA |
|---|---|---|
| Texto Normal | ||
| Texto Grande | ||
| Elementos de UI |
Fundo Preto
| Elemento | AA | AAA |
|---|---|---|
| Texto Normal | ||
| Texto Grande | ||
| Elementos de UI |
Explore e Use a Cor #FF8C00
Os tons de laranja, paletas com eles e as ferramentas já com esta cor carregada.
73 tons na família
Na faixa: Cappuccino
Na faixa, a mistura com a complementar, #0073FF
Texto branco e texto preto sobre ela; o preto lê melhor
Degradê com as análogas, para celular ou computador
Cores Relacionadas
As cores com nome mais parecidas com Laranja-Escuro, primeiro as da mesma família. O que é o ΔE
Exportar Códigos de Cores
Códigos Gerados