Marrom escuro é um tom terroso e quente com uma profundidade rica, como chocolate ou café expresso. Posicionado entre o vermelho e o verde na roda de cores, evoca estabilidade e solidez. Tons relacionados incluem mocha e nogueira. Use marrom escuro em designs para criar uma sensação acolhedora e convidativa.
Marrom escuro é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #654321
- Valor RGB: 39,6% vermelho, 26,3% verde, 12,9% azul
Considerações de acessibilidade são fundamentais na escolha de cores para design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo Web.
Para variações dentro do mesmo espectro do marrom escuro, considere:
- Mogno (#c04000): Mogno oferece um marrom rico com um toque de vermelho, imitando a profundidade do marrom escuro enquanto introduz um calor sutil.
- Chocolate (#713600): Chocolate reflete um marrom mais profundo e luxuriante, capturando a essência do marrom escuro com um toque de doçura em seu tom.
- Mocha (#6d3b07): Mocha combina a profundidade do marrom escuro com um tom ligeiramente mais suave e terroso, lembrando o visual do café coado.
- Conhaque (#a2574f): Conhaque proporciona um marrom quente e rico com um subtom avermelhado, ecoando as qualidades robustas e profundas do marrom escuro.
Para complementar o marrom escuro, considere combiná-lo com:
- TURQUESA (#40E0D0): Este tom vibrante de azul-esverdeado oferece um contraste marcante com o tom terroso do marrom escuro, adicionando energia e brilho à paleta.
- FERRUGEM (#B7410E): Com seu subtom quente e avermelhado, ferrugem complementa o marrom escuro ao realçar suas características ricas e terrosas, criando uma sensação harmoniosa e outonal.
- CREME (#FDFBD4): Como uma cor neutra e clara, creme oferece um fundo sutil que destaca a profundidade do marrom escuro, garantindo uma combinação clássica e sofisticada.
- VERDE MENTA (#ADEBB3): Este tom refrescante e suave de verde funciona bem com o marrom escuro ao adicionar um toque lúdico e animado, mantendo uma vibração equilibrada e natural.
- OURO (#EFBF04): Ouro introduz um acento quente e luxuoso que realça a riqueza do marrom escuro, criando uma combinação elegante e atemporal.
Embora o marrom escuro seja terroso e quente, ele pode entrar em conflito com:
- Azul Elétrico (#00F0FF): A intensa vivacidade do azul elétrico cria um contraste marcante com a riqueza do marrom escuro, levando a uma combinação visualmente disruptiva.
- Verde Neon (#2CFF05): O brilho do verde neon entra em conflito com a presença profunda e fundamentada do marrom escuro, fazendo com que a combinação pareça desequilibrada.
- Escarlate (#ED2100): O calor intenso do escarlate compete com o marrom escuro, causando uma tensão visual que prejudica o apelo individual de ambas as cores.
- Magenta (#FD3DB5): A natureza ousada e vívida do magenta pode sobrecarregar o marrom escuro, resultando em uma paleta desajustada e excessivamente vibrante.
- Verde Limão (#89F336): O brilho animado do verde limão pode parecer excessivamente vívido contra o tom quente e profundo do marrom escuro, criando uma combinação desarmônica.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Cascata de Mocha
Lago de Chocolate
Mosaico da Selva
Verificador de contraste
Contraste 8,83
- Texto grande
#654321
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 2,38
- Texto grande
#654321
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #654321, conhecida como Marrom escuro, tem valores RGB de R:101, G:67, B:33 e valores CMYK de C:0, M:34, Y:67, K:60.
| VALUE | CSS | |
|---|---|---|
| HEX | #654321 | #654321 |
| RGB DECIMAL | 101, 67, 33 | RGB(101,67,33) |
| RGB PERCENTAGE | 39.6, 26.3, 12.9 | RGB(39.6%,26.3%,12.9%) |
| CMYK | 0, 34, 67, 60 | |
| HSL | HSL(30.0, 50.7%, 26.3%) | HSL(30.0, 50.7%, 26.3%) |
| HSV (OR HSB) | 30.0°, 67.3, 39.6 | |
| WEB SAFE | #1025151 | #1025151 |
| BINARY | 01100101, 01000011, 00100001 | |
| iOS - SwiftUI | Color(red: 0.396, green: 0.263, blue: 0.129) | |
| iOS - UIKit | UIColor(red: 0.396, green: 0.263, blue: 0.129, alpha: 1) | |
| Android - Compose | Color(0xFF654321) |