Marrom é uma cor rica e terrosa, trazendo à tona as qualidades reconfortantes de uma aconchegante xícara de cacau. Ela se posiciona no lado quente da roda de cores, exalando uma sensação de aterramento e segurança.
Marrom é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #895129
- Valor RGB: 53,7% vermelho, 31,8% verde e 16,1% azul
Considerações de acessibilidade são fundamentais na escolha de cores no design de UX e UI. 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 marrom em seus designs:
- Transmitir calor e conforto. Marrom evoca sensações de aconchego e segurança. Isso pode criar uma atmosfera acolhedora em aplicativos de redes sociais ou sites de e-commerce.
- Criar uma sensação de sofisticação. Marrom funciona bem como acentos ou fundos para produtos e serviços de alto padrão.
- Estabelecer aterramento e legibilidade. Marrom pode criar uma base neutra e calmante para interfaces. Textos colocados em fundos marrons frequentemente melhoram a legibilidade.
- Criar profundidade e dimensão. Incorporar uma gama de tons de marrom pode criar uma experiência visualmente mais envolvente.
Dica: Ao projetar para um público global, pesquise o simbolismo da cor em diferentes culturas — o vermelho não significa o mesmo em todos os lugares.
Para variações dentro do mesmo espectro rico que o marrom, considere:
- Canela (#D47E30) é um tom picante que exala calor, tendendo para o vermelho para maior vivacidade.
- Taupe (#54463A) é uma mistura sofisticada de marrom e cinza, oferecendo uma presença neutra e calmante.
- Laranja queimado (#BE5103) é um tom terroso com nuances de laranja, adicionando energia e calor.
- Bordô (#550000) é um marrom profundo e rico com um sutil tom avermelhado, exalando uma sensação de luxo e elegância, como um vinho envelhecido.
Para complementar o marrom, considere combiná-lo com:
- Azul pastel (#B3EBF2) cria uma sensação de paz e serenidade quando combinado com marrom.
- Rosa claro (#FFD6D1) adiciona um toque de feminilidade e charme à calidez do marrom.
- Verde oliva (#636B2F) complementa a natureza terrosa do marrom, criando uma sensação harmoniosa e orgânica.
- Bege (#EDE8D0) é uma cor neutra e cremosa que proporciona um contraste refrescante à calidez do marrom.
Outras cores que valem a pena considerar incluem carvão para um toque moderno, tons de verde para uma paleta terrosa, e o alegre amarelo para um toque vibrante de cor.
Embora o marrom seja terroso, ele pode entrar em conflito com:
- Ciano (#00FFFF) é muito brilhante e de tom frio, o que entra em conflito com a calidez do marrom.
- Laranja-avermelhado (#FF4B33) pode competir com a calidez do marrom e criar um efeito desarmonioso.
- Índigo (#560591) tem saturação profunda e tons de azul frio que entram em conflito com a calidez do marrom.
- Magenta (#FD3DB5) pode sobrecarregar a natureza terrosa do marrom, criando um efeito visualmente chocante.
Marrom simboliza estabilidade, força e aterramento, evocando imagens de solo fértil e natureza duradoura. Representa simplicidade, confiabilidade e tradição, como couro bem usado ou uma cabana aconchegante.
Na psicologia das cores, marrom transmite sensações de segurança, conforto e calor. No entanto, tons mais escuros podem, às vezes, evocar sentimentos de solidão ou melancolia.
No design de UI/UX, marrom é uma excelente escolha para criar uma sensação de confiança e conforto, tornando-o ideal para tons de base. Também confere sofisticação para experiências premium. Use marrom estrategicamente para melhorar a experiência do usuário sem tornar o design muito pesado.
Pigmentos marrons, provavelmente derivados de argilas naturais como a umbra, têm sido usados desde os tempos pré-históricos. Pinturas rupestres, algumas com mais de 40.000 anos, apresentam pigmentos marrons retratando animais e figuras humanas.
Os tons terrosos do marrom tiveram vários significados simbólicos ao longo da história. No antigo Egito, o marrom era frequentemente usado em pinturas de tumbas para representar tons de pele. Na Roma antiga, no entanto, o marrom era frequentemente associado às classes mais baixas e considerado menos desejável do que as cores vibrantes preferidas pela elite.
Hoje, o marrom é associado ao conforto, estabilidade e natureza, tornando-se uma escolha popular em tudo, desde moda até design de interiores.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Ursinho de pelúcia
Na Natureza
Fogueira Aconchegante
Verificador de contraste
Contraste 6,42
- Texto grande
#895129
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 3,27
- Texto grande
#895129
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #895129, conhecida como Marrom, tem valores RGB de R:137, G:81, B:41 e valores CMYK de C:0, M:41, Y:70, K:46.
| VALUE | CSS | |
|---|---|---|
| HEX | #895129 | #895129 |
| RGB DECIMAL | 137, 81, 41 | RGB(137,81,41) |
| RGB PERCENTAGE | 53.7, 31.8, 16.1 | RGB(53.7%,31.8%,16.1%) |
| CMYK | 0, 41, 70, 46 | |
| HSL | HSL(25.0, 53.9%, 34.9%) | HSL(25.0, 53.9%, 34.9%) |
| HSV (OR HSB) | 25.0°, 70.1, 53.7 | |
| WEB SAFE | #15310251 | #15310251 |
| BINARY | 10001001, 01010001, 00101001 | |
| iOS - SwiftUI | Color(red: 0.537, green: 0.318, blue: 0.161) | |
| iOS - UIKit | UIColor(red: 0.537, green: 0.318, blue: 0.161, alpha: 1) | |
| Android - Compose | Color(0xFF895129) |
