El canela se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #D47E30
- Valor RGB: 83.1% rojo, 49.4% verde y 18.8% azul
La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.
Aquí hay algunas maneras de considerar el uso del canela en tus diseños:
- Combina con colores complementarios. Combina el canela con tonos neutros como cremas, beiges o verdes apagados para mantener un esquema de color terrenal y equilibrado.
- Evoca temas estacionales. Aprovecha el canela para promociones o temas estacionales, especialmente en otoño. Su asociación con especias otoñales y ambientes cálidos y acogedores lo hace ideal para campañas de marketing durante esta temporada.
- Diseña para el confort. En aplicaciones donde se prioriza el confort y la facilidad, como aplicaciones de lectura o plataformas de bienestar, incorpora el canela para fomentar una experiencia de usuario relajante y placentera.
- Mejora la tipografía. Usa el canela para los titulares para añadir un toque de calidez a tu contenido.
Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
Para variaciones dentro del mismo espectro cálido y terrenal que el canela, considera:
- Siena quemada (#ED7B58) es similar ya que también exuda un naranja profundo y rico con un toque de marrón, haciéndolo sentir como un tono más claro de canela.
- Cobre (#B87333) se asemeja al canela con su tono metálico rojo-naranja, compartiendo la calidez y vibrancia que caracteriza al canela.
- Óxido (#B7410E) ofrece un rojo-naranja más intenso y profundo, evocando una sensación terrenal más fuerte similar al canela.
- Ámbar (#FFBF00) comparte el matiz dorado del canela, presentando un tono más brillante y vibrante.
Para complementar los tonos ricos del canela, considera combinarlo con:
- Verde petróleo (#069494) proporciona un contraste llamativo que resalta la calidez del canela.
- Crema (#FDFBD4) suaviza la audacia del canela con su presencia ligera y aireada.
- Verde oscuro (#013220) ancla el brillo del canela con su fondo profundo y exuberante.
- Gris pizarra (#708090) complementa al canela ofreciendo un lienzo neutral pero contrastante.
- Azul marino (#000080) combina bien al ofrecer un contraste profundo y fresco al cálido y vibrante canela.
Otros colores que vale la pena considerar incluyen rosa empolvado para suavizar el ambiente, verde oliva para un aspecto natural y gris claro para una elegancia moderna y discreta.
Aunque el canela es versátil, puede chocar con:
- Púrpura claro (#9370DB) ya que su tono frío y pálido puede disminuir el impacto de la calidez del canela.
- Rosa brillante (#FF69B4) compite por la atención y puede opacar la sutileza del canela.
- Verde lima (#89F336) a menudo crea un contraste visualmente fuerte, restando calidad terrenal al canela.
- Azul neón (#0000FF) choca con el canela al introducir un color muy vívido y contrastante que puede interrumpir la armonía visual.
- Verde menta (#ADEBB3) podría ser demasiado claro y frío, lo que puede deslavar la calidez que hace atractivo al canela.
El canela evoca calidez y confort, al igual que el sabor de la especia misma. En algunas culturas, el valor histórico de la canela como especia está vinculado a la riqueza y el lujo.
En la psicología del color, el canela se ve como un estimulante, mezclando la calidez y energía del rojo con la calma natural del marrón. Esta combinación crea una sensación de confort, que puede fomentar la conversación y el apetito.
En el diseño de interfaces, el canela crea un ambiente cálido y acogedor. Es ideal para marcas que desean proyectar confort y fiabilidad, como negocios de alimentos o interfaces con temática natural. El canela también puede sugerir un sentido de tradición y atemporalidad, haciéndolo adecuado para productos o servicios asociados con el patrimonio, el lujo o cualidades artesanales.
El color canela recibe su nombre de la especia del mismo nombre, que ha sido utilizada y valorada en muchas culturas durante miles de años. Históricamente, la canela era tan apreciada que a menudo se consideraba un regalo digno de monarcas y dioses. La especia y el color se originan de la corteza marrón rojiza del árbol de canela, nativo de Sri Lanka y otras regiones del sur y sureste de Asia.
El canela ha sido un color popular en el arte y el diseño por su tono cálido y terrenal. Ha sido utilizado en textiles y cerámica a través de diversas culturas, desde los antiguos egipcios hasta los asiáticos del sur, quienes utilizaron los tintes naturales derivados de la canela y otras especias para crear colores ricos y vibrantes en sus telas y obras de arte.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Tabaco
Pátina
Anticuado
Verificador de contraste
Contraste 3,08
- Texto grande
#D47E30
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Contraste 6,83
- Texto grande
#D47E30
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #d47e30, también conocido como Color canela, tiene valores RGB de R:212, G:126, B:48 y 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) |
