El cobre es un tono cálido de naranja-marrón con cualidades fuertes y reconfortantes. Está ubicado en la sección rojo-naranja 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 varias plataformas y dispositivos digitales.
- Código HEX: #C68346
- Valor RGB: 77.6% rojo, 51.4% verde y 27.5% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Aquí hay algunas formas de usar el cobre en tus diseños:
- Añadir 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.
- Incorporar 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.
- Crear una sensación de alta gama o vintage. La asociación del cobre con metales preciosos añade un toque de elegancia y atemporalidad. Botones, iconos 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 cambiar de cultura a cultura, y en cualquier momento dado. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
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 y 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 neutro y calmante 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 sobrepasar 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, sobrepasando 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 terrenales evocan una sensación de confianza y estabilidad.
El cobre puede ser un color versátil en el diseño de UI. Su riqueza lo hace ideal para acentos y destacados, 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 se remonta al 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 utiliza para añadir un toque de elegancia al diseño, el arte y la joyería.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Cobrewood
Mediterráneo
Refugio
Comprobador de contraste
Contraste 3,12
- Texto largo
#C68346
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Aprobar | Desaprobar | |
Aprobar | Desaprobar |
Contraste 6,74
- Texto largo
#C68346
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #c68346, también llamado 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) |
