O bronze é um marrom quente com infusão de laranja, conferindo-lhe qualidades de calma e força. Esta cor versátil está na seção de laranja escuro da roda de cores, evocando uma sensação de estabilidade e poder.
O bronze é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #CE8946
- Valor RGB: 80,8% vermelho, 53,7% verde e 27,5% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. O Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Aqui estão algumas maneiras de usar o bronze em seus designs:
- Destaque e realce. O bronze pode ser uma excelente cor de destaque para botões, ícones ou outros elementos interativos, adicionando calor e riqueza aos designs de UI.
- Enfatize temas. Aproveite as ricas associações e nuances do bronze.
- para transmitir luxo e riqueza para marcas de alto padrão ou criar campanhas temáticas de outono acolhedoras e convidativas.
- Estabeleça confiança e segurança. A associação do bronze com força e estabilidade o torna ideal para marcas de finanças, e-commerce e desenvolvimento de aplicativos.
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise as considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro quente que o bronze, considere:
- Laranja escuro (#C76E00) é o primo mais brilhante do bronze, com maior calor e vivacidade.
- Cobre (#C68346) é o tom base do bronze, com um subtom mais avermelhado.
- Canela (#D47E30) é uma combinação vibrante de marrom, laranja e vermelho, proporcionando sensações de conforto.
- Terracota (#E35336) é um tom alaranjado-avermelhado, quase rosa, frequentemente associado ao deserto.
Para complementar o bronze, considere combiná-lo com:
- Azul centáurea (#6395EE) realça o calor do bronze com seu tom frio contrastante.
- Vermelho carmesim (#B22222) cria uma paleta acolhedora e convidativa quando combinado com bronze.
- Bege (#EDE8D0) oferece um complemento neutro ao bronze, enfatizando seus subtons alaranjados.
- Verde sálvia (#98A869) cria uma combinação tranquila, suave e inspirada na natureza com o bronze.
Cores adicionais que combinam bem com o bronze incluem azul marinho para um contraste mais escuro, verde escuro para um visual terroso e tons de cinza para um complemento neutro.
Embora o bronze seja versátil, ele pode entrar em conflito com:
- Amarelo brilhante (#FFED29) cria muito contraste com o bronze, causando fadiga visual.
- Lavanda (#CCCCFF) tem um tom frio que pode parecer desequilibrado ao lado do calor do bronze.
- Laranja brilhante (#FF991C) cria uma sensação desarmônica, pois seus tons quentes são semelhantes, mas entram em conflito com o bronze.
- Verde pastel (#80EF80) é um verde claro e de tom frio que drena o calor do bronze.
- Rosa choque (#FF46A2) oferece muito contraste com o bronze, drenando o calor da cor.
O bronze simboliza riqueza e luxo. Também está associado à força e estabilidade, conotando poder.
Na psicologia das cores, os tons quentes e terrosos do bronze ressoam com nossa conexão com a natureza, promovendo uma sensação de enraizamento. Esse calor também pode evocar sentimentos de conforto e familiaridade. No entanto, o bronze também pode tender para uma sensação mais séria ou sofisticada, dependendo do tom.
No design de UI, o bronze chama a atenção. É uma escolha sutil para acentos, atraindo o olhar e criando uma associação com luxo. A qualidade atemporal do bronze também pode torná-lo uma ótima cor para conteúdo histórico, plataformas educacionais ou interfaces que visam um visual clássico e duradouro.
O bronze é mais comumente associado à era da qual deriva seu nome, a Idade do Bronze. Este período começou por volta de 3300 a.C. e durou até aproximadamente 1200 a.C. É conhecido pela descoberta do bronze, que foi feito misturando cobre e estanho para criar um metal mais forte. Essa descoberta levou a avanços significativos na civilização.
O bronze foi usado de muitas maneiras práticas, incluindo armamentos, esculturas e ferramentas. O termo "bronze" foi usado pela primeira vez para descrever a cor real do metal em 1753. Devido à sua importância, o bronze passou a ser associado à força, poder e conquista.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Idade do Bronze
Solstício
Hora Dourada
Verificador de contraste
Contraste 2,88
- Texto grande
#CE8946
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 7,29
- Texto grande
#CE8946
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #ce8946, conhecida como cor bronze, tem valores RGB de R:206, G:137, B:70 e 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) |
