Laranja escuro é uma versão profunda e rica do laranja. Embora não seja tão brilhante quanto um laranja padrão na roda de cores, mantém sua vivacidade ao inclinar-se mais para o vermelho e ocupar a extremidade mais profunda do espaço de cor RGB. Devido ao seu calor, o laranja escuro transmite uma sensação de conforto e positividade.
Laranja escuro é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #C76E00
- Valor RGB: 78% vermelho, 43,1% verde e 0% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Aqui estão algumas maneiras de usar o laranja escuro em seus designs:
- Crie manchetes contrastantes. Texto em laranja escuro faz com que manchetes e títulos se destaquem em fundos brancos, pretos ou bege. Use fundos como azul-petróleo, azul ou verde-escuro para um impacto ainda mais ousado.
- Adicione energia e calor. Laranja escuro evoca sensações de energia, entusiasmo e calor. É uma boa escolha para sites ou aplicativos que desejam transmitir emoção, como aplicativos de fitness, ferramentas criativas ou sites de eventos.
- Transmita sofisticação e valor. Quando combinado com cores como creme ou marfim, o laranja escuro adiciona sofisticação aos designs. Isso é particularmente útil para marcas de luxo ou portfólios de design.
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro quente e rico que o laranja escuro, considere:
- Laranja (#FFA500) é uma cor vibrante, semelhante à casca de tangerina.
- Laranja queimado (#BE5103) inclina-se mais para o vermelho e é um pouco mais brilhante.
- Laranja-amarelo (#FFB800) é um laranja mais alegre com um toque de amarelo.
- Laranja-avermelhado (#FF4B33) oferece um vermelho vibrante misturado com laranja.
Devido aos seus tons intensos e quentes, o laranja escuro combina bem com outras cores que realçam essa ousadia ou criam um contraste marcante. Para complementar o laranja escuro, considere combiná-lo com:
- Azul-marinho (#000080) e laranja escuro são uma combinação clássica que exala elegância e sofisticação, frequentemente usada em designs ou ambientes de alto padrão.
- Dourado (#EFBF04) combina bem com laranja escuro para criar um design ainda mais assertivo e glamouroso.
- Creme (#FDFBD4) é uma cor suave que equilibra a intensidade do laranja escuro, criando um espaço acolhedor e convidativo.
- Verde-sálvia (#98A869) combina com laranja escuro para evocar uma sensação de natureza e tranquilidade.
Outras cores complementares para laranja escuro incluem tons de joia, verdes mais terrosos e azul-petróleo para vivacidade.
Embora o laranja escuro seja calmo e acolhedor, ele pode entrar em conflito com:
- Fúcsia (#FE3894) é uma cor intensa que parece chocante quando combinada com laranja escuro.
- Rosa (#FF8DA1) é uma cor mais leve e arejada quepode entrar em conflito com a ousadia do laranja escuro.
- Rosa-avermelhado (#FF1D8D) inclina-se para o frio com sua forte presença de azul, enquanto o laranja escuro é uma cor quente.
- Verde-neon (#2CFF05) é complicado de combinar com laranja escuro porque ambos são altamente saturados e intensos.
Laranja escuro evoca sensações de calor, energia suave e luxo. Ele se posiciona entre o laranja e o vermelho no espectro de cores, herdando a ousadia do vermelho e a energia do laranja.
Embora o laranja escuro compartilhe parte da vivacidade do laranja, ele se inclina mais para a paixão e ambição. Representa entusiasmo, mas também pode tender para a negatividade, como egoísmo ou agressão.
Para designs de UI, o laranja escuro pode chamar a atenção para elementos importantes. Sua natureza ousada destaca chamadas para ação sem sobrecarregar o visualizador. Quando combinado com marrons ou beges, o laranja escuro também é uma ótima escolha para evocar uma sensação de história, tradição ou natureza. Isso é especialmente valioso para marcas que desejam criar uma sensação de conforto ou estabilidade em seus designs.
No antigo Egito e Roma, minerais como realgar e orpimento eram usados para tintas. Esses pigmentos ofereciam uma gama de tons de laranja, com alguns inclinando-se para o mais escuro. No século 20, uma onda de movimentos de design abraçou cores ousadas. O Art Déco, por exemplo, usava uma gama de laranjas que pode ter contribuído para uma crescente apreciação pela cor. Hoje, o laranja escuro ainda é usado como um destaque em designs de interiores e de UI.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Brasa de Outono
Equinócio
Cidra Apimentada
Verificador de contraste
Contraste 3,71
- Texto grande
#C76E00
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Contraste 5,66
- Texto grande
#C76E00
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #c76e00, conhecida como Laranja Escuro, tem valores RGB de R:199, G:110, B:0 e valores CMYK de C:0, M:45, Y:100, K:22.
| VALUE | CSS | |
|---|---|---|
| HEX | #c76e00 | #c76e00 |
| RGB DECIMAL | 199, 110, 0 | RGB(199,110,0) |
| RGB PERCENTAGE | 78.0, 43.1, 0.0 | RGB(78.0%,43.1%,0.0%) |
| CMYK | 0, 45, 100, 22 | |
| HSL | HSL(33.2, 100.0%, 39.0%) | HSL(33.2, 100.0%, 39.0%) |
| HSV (OR HSB) | 33.2°, 100.0, 78.0 | |
| WEB SAFE | #2041020 | #2041020 |
| BINARY | 11000111, 01101110, 00000000 | |
| iOS - SwiftUI | Color(red: 0.780, green: 0.431, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 0.780, green: 0.431, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFC76E00) |
