El cobre es un tono cálido de naranja-marrón con cualidades fuertes y reconfortantes. Se encuentra en la sección de rojo anaranjado del círculo cromático, emanando una sensación de durabilidad y energía mientras mantiene una vibra terrenal y equilibrada.
El cobre se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #C68346
- Valor RGB: 77.6% rojo, 51.4% verde, y 27.5% azul
Aquí hay algunas maneras de usar el cobre en tus diseños:
- Añade calidez y profundidad. El brillo dorado inherente del cobre fomenta una experiencia de usuario acogedora e invitante. Usa gradientes sutiles de cobre para fondos o texturas para añadir profundidad sin abrumar al usuario.
- Incorpora elementos naturales. Los tonos cálidos y terrenales del cobre complementan perfectamente los diseños inspirados en la naturaleza. Esta conexión natural de color crea una atmósfera calmante e invitante.
- Crea una sensación de lujo o vintage. La asociación del cobre con metales preciosos añade un toque de elegancia y atemporalidad. Botones, íconos o bordes con un sutil brillo de cobre pueden añadir un toque de sofisticación. Para una sensación vintage, incorpora texturas de cobre que se asemejen a superficies de cobre envejecido.
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 brillante que el cobre, considera:
- Bronce (#CE8946) comparte una base cálida de marrón rojizo similar al cobre, pero el bronce tiende a ser un poco más gris, creando un tono más apagado y terrenal.
- Canela (#D47E30) es más cálido que el cobre, incorporando sus tonos ricos con una base roja más fuerte para un aspecto más vibrante.
- Oro rosa (#DEA193) comparte la calidez del cobre pero con una base más clara y rosada.
- Siena quemada (#ED7B58) es un rojo-marrón rústico profundo con tonos terrenales como el cobre pero con un toque de naranja.
Para complementar el cobre, considera emparejarlo con:
- Topo (#54463A) actúa como un fondo calmado y neutral para acentos de cobre.
- Azul marino (#000080) complementa la calidez del cobre para crear una sensación lujosa.
- Crema (#FDFBD4) crea un contraste ligero y aireado con la riqueza del cobre.
- Turquesa (#40E0D0) ofrece un contraste llamativo e interesante visualmente cuando se combina con cobre.
Otros colores que vale la pena considerar incluyen verde salvia para una apariencia calmante y natural, caléndula para un toque de color, o terracota para una combinación terrenal.
Aunque el cobre es cálido, puede chocar con:
- Verde neón (#2CFF05) puede opacar la calidez del cobre debido a su saturación extrema.
- Azul claro (#90D5FF) carece de contraste cuando se combina con la riqueza del cobre y puede crear una paleta deslavada.
- Naranja (#FFA500) puede chocar con los tonos rojo-marrón del cobre.
- Negro (#000000) crea una sensación pesada y oscura cuando se combina con cobre.
- Amarillo (#FFDE21) es altamente saturado, opacando la calidez del cobre.
El cobre se asocia con la estabilidad y la seguridad, mejorado por su conexión con la naturaleza. En algunas culturas, incluso se cree que posee propiedades curativas.
En la psicología del color, la calidez del cobre se traduce en sentimientos de confort, seguridad y optimismo. Puede estimular la mente y fomentar la creatividad. Los tonos rojizos ofrecen un ligero impulso de energía y motivación, mientras que los tonos naturales y equilibrados evocan una sensación de confianza y estabilidad.
El cobre puede ser un color versátil en el diseño de interfaces. Su riqueza lo hace ideal para acentos y resaltados, llamando la atención sobre elementos importantes. La calidez crea una atmósfera acogedora, perfecta para interfaces que promueven la relajación o la creatividad. Pero debido a su fuerza visual, usa el cobre estratégicamente y evita el uso excesivo para prevenir un efecto abrumador.
A diferencia de algunos colores con historias simbólicas ricas, la historia del cobre es menos sobre el color en sí y más sobre el metal homónimo. El metal cobre data del 8000 a.C. cuando las personas usaban el metal que se encuentra naturalmente para herramientas y otros objetos.
Los artistas han creado colores similares al cobre a lo largo de la historia, pero la palabra "cobre" como nombre de color solo apareció en inglés en 1594.
A medida que la teoría del color se desarrolló en los siglos XVIII y XIX, el cobre se convirtió en un color reconocido, vinculando el color del metal y su nombre. Hoy en día, el color cobre se usa para añadir un toque de elegancia al diseño, arte y joyería.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Cobrewood
Mediterráneo
Refugio
Verificador de contraste
Contraste 3,12
- Texto grande
#C68346
- 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,74
- Texto grande
#C68346
- 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 #c68346, también conocido como Cobre, tiene valores RGB de R:198, G:131, B:70 y valores CMYK de C:0, M:34, Y:65, K:22.
| VALUE | CSS | |
|---|---|---|
| HEX | #c68346 | #c68346 |
| RGB DECIMAL | 198, 131, 70 | RGB(198,131,70) |
| RGB PERCENTAGE | 77.6, 51.4, 27.5 | RGB(77.6%,51.4%,27.5%) |
| CMYK | 0, 34, 65, 22 | |
| HSL | HSL(28.6, 52.9%, 52.5%) | HSL(28.6, 52.9%, 52.5%) |
| HSV (OR HSB) | 28.6°, 64.6, 77.6 | |
| WEB SAFE | #20415351 | #20415351 |
| BINARY | 11000110, 10000011, 01000110 | |
| iOS - SwiftUI | Color(red: 0.776, green: 0.514, blue: 0.275) | |
| iOS - UIKit | UIColor(red: 0.776, green: 0.514, blue: 0.275, alpha: 1) | |
| Android - Compose | Color(0xFFC68346) |
