El bronce es un marrón cálido con infusión de naranja, lo que le otorga cualidades de calma y fortaleza. Este color versátil se encuentra en la sección de naranja oscuro de la rueda de colores, evocando una sensación de estabilidad y poder.
El bronce se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #CE8946
- Valor RGB: 80.8% rojo, 53.7% verde y 27.5% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color en el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurar que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Aquí hay algunas formas de usar el bronce en tus diseños:
- Accento y resaltado. El bronce puede ser un excelente color de acento para botones, íconos u otros elementos interactivos, añadiendo calidez y riqueza a los diseños UI.
- Enfatizar temas. Aprovecha las ricas asociaciones y matices del bronce.
- para transmitir lujo y riqueza para marcas de alta gama o crear campañas temáticas de otoño cálidas y acogedoras.
- Establecer confianza y seguridad. La asociación del bronce con la fuerza y la estabilidad lo hace ideal para marcas en finanzas, comercio electrónico y desarrollo de aplicaciones.
Ten en cuenta que el color y su significado pueden cambiar de una cultura a otra, y en cualquier momento. 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 cálido que el bronce, considera:
- Naranja oscuro (#C76E00) es el primo más brillante del bronce, con mayor calidez y vibración.
- Cobre (#C68346) es el tono base del bronce, con un matiz más rojo.
- Canela (#D47E30) es una combinación vibrante de marrón, naranja y rojo, proporcionando sensaciones de confort.
- Terracota (#E35336) es un tono rojizo-anaranjado, casi rosado, a menudo asociado con el desierto.
Para complementar el bronce, considera emparejarlo con:
- Azul aciano (#6395EE) resalta la calidez del bronce con su tono frío contrastante.
- Rojo carmesí (#B22222) crea una paleta acogedora e invitante cuando se combina con el bronce.
- Beige (#EDE8D0) proporciona un complemento neutral al bronce, enfatizando sus matices naranjas.
- Verde salvia (#98A869) crea una combinación tranquila, relajante e inspirada en la naturaleza con el bronce.
Colores adicionales que combinan bien con el bronce incluyen azul marino para un contraste más oscuro, verde oscuro para un aspecto terroso, y tonos de gris para un complemento neutral.
Aunque el bronce es versátil, puede chocar con:
- Amarillo brillante (#FFED29) crea demasiado contraste con el bronce, causando fatiga visual.
- Azul pervinca (#CCCCFF) tiene un tono frío que puede sentirse desequilibrado junto a la calidez del bronce.
- Naranja brillante (#FF991C) crea una sensación de desarmonía, ya que sus tonos cálidos son similares pero chocan con el bronce.
- Verde pastel (#80EF80) es un verde claro de tono frío que drena la calidez del bronce.
- Rosa fuerte (#FF46A2) proporciona demasiado contraste con el bronce, drenando la calidez del color.
El bronce simboliza riqueza y lujo. También se asocia con la fuerza y la estabilidad, connotando poder.
En la psicología del color, los tonos cálidos y terrosos del bronce resuenan con nuestra conexión con la naturaleza, promoviendo una sensación de arraigo. Esta calidez también puede evocar sentimientos de confort y familiaridad. Sin embargo, el bronce también puede inclinarse hacia una sensación más seria o sofisticada dependiendo del tono.
En el diseño UI, el bronce llama la atención. Es una elección sutil para acentos, atrayendo la mirada y creando una asociación con el lujo. La calidad atemporal del bronce también puede hacerlo un gran color para contenido histórico, plataformas educativas o interfaces que buscan un aspecto clásico y duradero.
El bronce se asocia más comúnmente con la era de la que deriva su nombre, la Edad de Bronce. Este período comenzó alrededor del 3300 a.C. y duró hasta aproximadamente el 1200 a.C. Es conocido por el descubrimiento del bronce, que se hizo mezclando cobre y estaño para crear un metal más fuerte. Este descubrimiento llevó a avances significativos en la civilización.
El bronce se utilizó de muchas maneras prácticas, incluyendo armamento, esculturas y herramientas. El término "bronce" se utilizó por primera vez para describir el color real del metal en 1753. Debido a su importancia, el bronce ha llegado a asociarse con la fuerza, el poder y el logro.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Edad de Bronce
Solsticio
Hora Dorada
Comprobador de contraste
Contraste 2,88
- Texto largo
#CE8946
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 7,29
- Texto largo
#CE8946
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #ce8946, también llamado color bronce, tiene valores RGB de R:206, G:137, B:70 y valores CMYK de C:0, M:33, Y:66, K:19.
| VALUE | CSS | |
|---|---|---|
| HEX | #ce8946 | #ce8946 |
| RGB DECIMAL | 206, 137, 70 | RGB(206,137,70) |
| RGB PERCENTAGE | 80.8, 53.7, 27.5 | RGB(80.8%,53.7%,27.5%) |
| CMYK | 0, 33, 66, 19 | |
| HSL | HSL(29.6, 58.1%, 54.1%) | HSL(29.6, 58.1%, 54.1%) |
| HSV (OR HSB) | 29.6°, 66.0, 80.8 | |
| WEB SAFE | #20415351 | #20415351 |
| BINARY | 11001110, 10001001, 01000110 | |
| iOS - SwiftUI | Color(red: 0.808, green: 0.537, blue: 0.275) | |
| iOS - UIKit | UIColor(red: 0.808, green: 0.537, blue: 0.275, alpha: 1) | |
| Android - Compose | Color(0xFFCE8946) |