Saltar al contenido principal

Color bronce

Todo lo que necesitas saber sobre el color bronce para inspirar tu próximo diseño.

Crear paleta de colores

Elige un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas personalizadas

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.

color color broncecolor color bronce

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

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 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 de interfaces.
  • 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 e invitantes.
  • Establecer confianza y seguridad. La asociación del bronce con la fuerza y 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 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 que el bronce, considera:

  • Naranja oscuro (#C76E00) es el primo más brillante del bronce, con mayor calidez y vibrancia.
  • Cobre (#C68346) es el tono base del bronce, con un matiz más rojizo.
  • 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 reconfortante e invitante cuando se combina con 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 disonante, 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 diseño de interfaces, 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 al mezclar 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

Matices

Armonías de color

Complementario

Dividido

Monocromático

Análogo

Triádico

Cuadrado

Paletas personalizadas

Edad de Bronce

Solsticio

Hora Dorada

Verificador de contraste

Contraste 2,88

Texto grande

#CE8946

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #CE8946 en un fondo #FFFFFF.
Categoría
Desaprobado
Desaprobado
Desaprobado
Desaprobado
Desaprobado
Desaprobado

Contraste 7,29

Texto grande

#CE8946

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #CE8946 en un fondo #000000.
Categoría
Aprobado
Aprobado
Aprobado
Aprobado
Aprobado
Aprobado

Simulaciones de color

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

El color hexadecimal #ce8946, también conocido como color bronce, tiene valores RGB de R:206, G:137, B:70 y valores CMYK de C:0, M:33, Y:66, K:19.

VALUECSS
HEX#ce8946#ce8946
RGB DECIMAL206, 137, 70RGB(206,137,70)
RGB PERCENTAGE80.8, 53.7, 27.5RGB(80.8%,53.7%,27.5%)
CMYK0, 33, 66, 19
HSLHSL(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
BINARY11001110, 10001001, 01000110
iOS - SwiftUIColor(red: 0.808, green: 0.537, blue: 0.275)
iOS - UIKitUIColor(red: 0.808, green: 0.537, blue: 0.275, alpha: 1)
Android - ComposeColor(0xFFCE8946)
Crear paleta de colores