Vermelho-Alaranjado
Vermelho-Alaranjado (#FF5349) é um vermelho médio, de tom quente, com RGB(255, 83, 73). É um vermelho aceso e puxado para o coral, com o vermelho no máximo e um pouco de verde e azul. O Laranja Ácido (#FB4D46) é igual ao olho, e o Laranja-Avermelhado (#FF4500), que é o orangered do CSS, fica bem mais laranja.
Em HSL, tem matiz de 3°, saturação de 100% e luminosidade de 64%. Em CMYK, os valores são C 0%, M 67%, Y 71% e K 0%. A cor segura para a web mais próxima é a #FF6633.
Conversões da Cor #FF5349
Vermelho-Alaranjado 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 | FF5349 |
|---|---|
| RGB | 255, 83, 73 |
| CMYK | 0, 67, 71, 0 |
| HSB | 3, 71, 100 |
| HSL | 3, 100, 64 |
| LRV | 27,9 |
| LAB | 59.83, 64.42, 42.65 |
|---|---|
| LCH | 59.83, 77.26, 33.51 |
| XYZ | 45.54, 27.93, 9.30 |
| LUV | 59.83, 133.86, 32.80 |
| HWB | 3, 0, 36 |
| Web Safe | FF6633 |
Sobre a Cor Vermelho-Alaranjado
O significado e a psicologia dos tons desta família estão em Cores Vermelho.
Onde Usar
Na roupa, pede verão e praia: maiô, camiseta, bermuda, canga. Com branco, areia e azul-claro, fica solar; com cinza, perde o calor.
Em casa, entra em almofadas, vasos, um banco ou a louça; uma parede funciona na varanda, não na sala.
Na tela, rende botões com rótulo preto (6,59:1) e ícones; letras nesse tom sobre fundo branco, só grandes.
No papel, sai só de magenta e amarelo, sem preto (C 0, M 67, Y 71, K 0), e o brilho da tela não chega ao papel fosco. Em tons de cinza, sobra o Prata Antiga (#848482), sem nada do calor.
Como Usar
Use o vermelho-alaranjado como acento quente, numa fatia pequena do layout.
Com o Amarelo-Alaranjado (#FFAE42), vizinho na roda, compõe um degradê de pôr do sol (1,73:1) para fundos e ilustrações. Texto em Azul-Marinho (#000080) sobre ele fica legível (5,02:1) e esfria a composição. O Azul Furtivo (#1E90FF) tem a mesma luz (1,01:1): a dupla vibra, e letras de um sobre o outro somem.
Junto do Laranja Ácido (#FB4D46) ou do Tomate (#FF6347), parece cor com defeito.
Psicologia
Muita saturação e luz média-alta: o vermelho-alaranjado é energia que agrada. Nos testes de Valdez e Mehrabian (1994), a luz puxou o prazer para cima e a saturação, a excitação; este tom tem as duas, e o laranja alivia a tensão do vermelho puro.
Lê-se como calor, praia e movimento. Em excesso, vira barulho.
Significado
Lembra a acerola madura, a flor de papoula, a boia de sinalização no mar e o guarda-sol de praia. É o vermelho que se vê de longe na areia, por isso costuma aparecer em equipamento de salvamento e em cardápio de quiosque. Combina com a ideia de fim de tarde de verão.
Origem do Nome
Vermelho-alaranjado traduz red-orange, cor do Crayola desde 1930, segundo a Wikipédia, que a trata como variação do vermelhão. A lista de cores registra este código duas vezes, como red-orange e como orange-red (Crayola), nome que inverte os termos. Hoje, a lista do Crayola dá ao giz Red-Orange o #FF3F34, mais saturado.
Acessibilidade
Em letras sobre branco, o vermelho-alaranjado tem 3,19:1: passa só para texto grande e ícones. Ao contrário, com fundo alaranjado e texto preto, chega a 6,59:1, AA em qualquer corpo.
A protanopia o transforma num amarelo-latão, perto do Latão (#B5A642), vizinho do Verde Brilhante (#66FF00), um verde berrante; a deuteranopia o leva ao Dourado-Vara (Goldenrod) (#DAA520). Na tritanopia, fica perto do Coral Vibrante (#FF5555) e lembra o Âmbar (#FFBF00). Num painel de status, ele e o amarelo de aviso podem virar uma cor só.
Variações da Cor #FF5349
Variações de Vermelho-Alaranjado: sombras, tons claros, tons acinzentados, matizes e temperatura.
Sombras da Cor #FF5349
Vermelho-Alaranjado com preto acrescentado aos poucos. O que é sombra
Tons Claros da Cor #FF5349
Vermelho-Alaranjado com branco acrescentado aos poucos. O que é tom claro
Tons Acinzentados da Cor #FF5349
Vermelho-Alaranjado com cinza acrescentado aos poucos. O que é tom acinzentado
Matizes Próximos da Cor #FF5349
Outros matizes a partir de Vermelho-Alaranjado, girando no círculo cromático. O que é matiz
Temperaturas da Cor #FF5349
Versões mais quentes e mais frias de Vermelho-Alaranjado. Cores quentes e frias
Harmonias da Cor #FF5349
Combinações de Vermelho-Alaranjado pela posição no círculo cromático. O que são harmonias · Guia: cores complementares e análogas
Análogas
Vermelho-Alaranjado e as duas cores vizinhas no círculo cromático.
Complementares
Vermelho-Alaranjado e a cor do lado oposto do círculo cromático.
Complementares Divididas
Vermelho-Alaranjado e as duas vizinhas da sua complementar.
Triádicas
Vermelho-Alaranjado e mais duas cores, a 120° uma da outra.
Tetrádicas
Vermelho-Alaranjado em dois pares de complementares, num retângulo.
Quadradas
Vermelho-Alaranjado e mais três cores, a 90° uma da outra.
Simulador de Daltonismo da Cor #FF5349
Como Vermelho-Alaranjado aparece para quem tem cada tipo de daltonismo. Quantas pessoas têm cada tipo
Protanopia
Vermelho-Alaranjado vira #B5B34B para quem tem protanopia.
Deuteranopia
Vermelho-Alaranjado vira #BFCB4C para quem tem deuteranopia.
Tritanopia
Vermelho-Alaranjado vira #F64D4E para quem tem tritanopia.
Protanomalia
Vermelho-Alaranjado vira #E08C4A para quem tem protanomalia.
Deuteranomalia
Vermelho-Alaranjado vira #DD7F4A para quem tem deuteranomalia.
Tritanomalia
Vermelho-Alaranjado vira #F9504B para quem tem tritanomalia.
Acromatopsia
Vermelho-Alaranjado vira #858585 para quem tem acromatopsia.
Verificador de Contraste (WCAG) da Cor #FF5349
Vermelho-Alaranjado 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 #FF5349
Os tons de vermelho, paletas com eles e as ferramentas já com esta cor carregada.
81 tons na família
Na faixa: Cappuccino
Na faixa, a mistura com a complementar, #47F6FF
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 Vermelho-Alaranjado, primeiro as da mesma família. O que é o ΔE
Exportar Códigos de Cores
Códigos Gerados