Canela é definida pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #D47E30
- Valor RGB: 83,1% vermelho, 49,4% verde e 18,8% 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 considerar o uso de canela em seus designs:
- Combine com cores complementares. Combine canela com tons neutros como cremes, beges ou verdes suaves para manter um esquema de cores terroso e equilibrado.
- Evocar temas sazonais. Use canela para promoções ou temas sazonais, especialmente no outono. Sua associação com especiarias de outono e ambientes quentes e aconchegantes a torna ideal para campanhas de marketing durante essa estação.
- Design para conforto. Em aplicativos onde conforto e facilidade são priorizados, como aplicativos de leitura ou plataformas de bem-estar, incorpore canela para promover uma experiência de usuário relaxante e agradável.
- Realce a tipografia. Use canela para manchetes para adicionar um toque de calor ao seu conteúdo.
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 terroso da canela, considere:
- Siena queimada (#ED7B58) é semelhante, pois também exala um laranja profundo e rico com um toque de marrom, fazendo-a parecer um tom mais claro de canela.
- Cobre (#B87333) se assemelha à canela com seu tom metálico vermelho-alaranjado, compartilhando o calor e a vivacidade que caracterizam a canela.
- Ferrugem (#B7410E) oferece um vermelho-alaranjado mais intenso e profundo, evocando uma sensação terrosa mais forte semelhante à canela.
- Âmbar (#FFBF00) compartilha o tom dourado da canela, apresentando um matiz mais brilhante e vibrante.
Para complementar os tons ricos da canela, considere combiná-la com:
- Verde-azulado (#069494) proporciona um contraste marcante que destaca o calor da canela.
- Creme (#FDFBD4) suaviza a ousadia da canela com sua presença leve e arejada.
- Verde escuro (#013220) ancora o brilho da canela com seu fundo profundo e exuberante.
- Cinza ardósia (#708090) complementa a canela oferecendo uma tela neutra, mas contrastante.
- Azul marinho (#000080) combina bem ao oferecer um contraste profundo e frio ao quente e vibrante canela.
Outras cores que valem a pena considerar incluem rosa empoeirado para suavizar o ambiente, verde oliva para um visual natural e cinza claro para uma elegância moderna e discreta.
Embora a canela seja versátil, ela pode entrar em conflito com:
- Roxo claro (#9370DB) pois seu tom frio e pálido pode diminuir o impacto do calor da canela.
- Rosa brilhante (#FF69B4) compete por atenção e pode sobrecarregar a sutileza da canela.
- Verde limão (#89F336) muitas vezes cria um contraste visualmente agressivo, prejudicando a qualidade terrosa da canela.
- Azul neon (#0000FF) entra em conflito com a canela ao introduzir uma cor muito vívida e contrastante que pode interromper a harmonia visual.
- Verde menta (#ADEBB3) pode ser muito claro e frio, o que pode apagar o calor que torna a canela atraente.
Canela evoca calor e conforto, assim como o sabor da própria especiaria. Em algumas culturas, o valor histórico da canela como especiaria está ligado à riqueza e luxo.
Na psicologia das cores, a canela é vista como um estimulante, misturando o calor e a energia do vermelho com a calma natural do marrom. Essa combinação cria uma sensação de conforto, que pode incentivar a conversa e o apetite.
No design de UI, a canela cria uma atmosfera quente e acolhedora. É ideal para marcas que desejam projetar conforto e confiabilidade, como negócios de alimentos ou interfaces temáticas da natureza. A canela também pode sugerir um senso de tradição e atemporalidade, tornando-a adequada para produtos ou serviços associados a herança, luxo ou qualidades artesanais.
A cor canela recebe seu nome da especiaria de mesmo nome, que tem sido usada e valorizada em muitas culturas por milhares de anos. Historicamente, a canela era tão valorizada que muitas vezes era considerada um presente digno de monarcas e deuses. A especiaria e a cor se originam da casca marrom-avermelhada da árvore de canela, nativa do Sri Lanka e de outras regiões do Sul e Sudeste Asiático.
Canela tem sido uma cor popular na arte e no design por seu tom quente e terroso. Foi usada em têxteis e cerâmicas em várias culturas, desde os antigos egípcios até os sul-asiáticos, que utilizaram os corantes naturais derivados da canela e outras especiarias para criar cores ricas e vibrantes em seus tecidos e obras de arte.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Tabaco
Pátina
Antiquado
Verificador de contraste
Contraste 3,08
- Texto grande
#D47E30
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Contraste 6,83
- Texto grande
#D47E30
- 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 #d47e30, conhecida como Cor canela, tem valores RGB de R:212, G:126, B:48 e valores CMYK de C:0, M:41, Y:77, K:17.
| VALUE | CSS | |
|---|---|---|
| HEX | #d47e30 | #d47e30 |
| RGB DECIMAL | 212, 126, 48 | RGB(212,126,48) |
| RGB PERCENTAGE | 83.1, 49.4, 18.8 | RGB(83.1%,49.4%,18.8%) |
| CMYK | 0, 41, 77, 17 | |
| HSL | HSL(28.5, 65.6%, 51.0%) | HSL(28.5, 65.6%, 51.0%) |
| HSV (OR HSB) | 28.5°, 77.4, 83.1 | |
| WEB SAFE | #20410251 | #20410251 |
| BINARY | 11010100, 01111110, 00110000 | |
| iOS - SwiftUI | Color(red: 0.831, green: 0.494, blue: 0.188) | |
| iOS - UIKit | UIColor(red: 0.831, green: 0.494, blue: 0.188, alpha: 1) | |
| Android - Compose | Color(0xFFD47E30) |



