Cores marrons na prática
Muita gente procura o código da cor marrom achando que é algo único, quando na verdade o marrom é basicamente um laranja ou vermelho escurecido com baixa saturação. Não existe um tom só. A cor varia desde o caramelo claro até um quase preto, e cada aplicação pede um valor diferente. Se você tá num projeto de interface, o código que funciona num fundo branco geralmente parece pesado demais num fundo escuro.
Conhecendo o código da cor marrom em diferentes formatos
O mais usado no dia a dia web é o hexadecimal. O #8B4513 (SaddleBrown) é um dos mais comuns, com RGB (139, 69, 19) e HSL de aproximadamente 24°, 76%, 31%. O #A52A2A (Brown) cai pra (165, 42, 42) em RGB. Se precisar de algo mais claro, o #D2B48C (Tan) é um bege-marrons que funciona bem como cor de texto sobre fundo escuro. Jogue essas varições num gerador de paleta ou no CSS do projeto e você já tem um point de partida. O problema é que nem todo mundo sabe converter entre os espaços. O RGB que você vê numa tela não corresponde linearmente ao CMYK que vai pro papel. Um marrom #8B4513 impresso em.offset pode sair mais avermelhado ou mais amarronzado dependendo da subtração de ciano e magenta na prensa. A diferença é real e costuma levar uns minutos a mais de ajuste nas provas de cor.
👉 Clique no botão abaixo para saber mais sobre o assunto!
Um caso real que aprendi na marra
Há alguns anos trabalhei num rediseño de uma loja online que usava #8B4513 nos botões de ação principal. Em tela, parecia elegante. Quando fomos gerar os materiais impressos para uma campanha sazonal, o marrom saiu praticamente preto na prova de impressão. O CMYK equivalente que o software apontou era algo como C=60 M=90 Y=85 K=10, e na gramatura do papel que eles usavam, o amarelo dominava demais, empurrando a cor pro lado do marrom-barro. Gastei uma tarde inteira rodando ajustes manuais no perfil ICC da impressora até chegar num C=35 M=75 Y=70 K=5 que se aproximava do original. O workaround foi simples: usar um separador de cores customizado em vez de confiar na conversão automática do Illustrator, e sempre validar com uma prova física antes de liberar para produção.
Armadilhas comuns e o que fazer
Contraste insuficiente: Usar marrom puro como texto sobre fundo branco é uma armadilha clássica. O #8B4513 em 14px não passa em testes de acessibilidade WCAG AA. A solução imediata é escurecer pro #6B3410 ou usar cinza-quente escuro como fallback. O contraste sobe de 4.5:1 pra algo em torno de 9:1, o que resolve o problema sem trocar a identidade visual. Gamma e tonalidade: Quando você ajusta um marrom num editor de imagem, muitas vezes mexe no brilho sem perceber que tá movendo a curvatura do gamma. O resultado é um marrom que parece certo na sua tela mas fica diferente no monitor do colega. O fix é trabalhar com valores RGB puros e não confiar em sliders de "luminosidade" quando precisa de precisão.
Conversão CMYK sempre perde informação: A gama de cores que uma tela exibe é maior que a de uma impressão offset. Isso significa que alguns marrons brilhantes, especialmente os mais saturados com muito vermelho, simplesmente não têm equivalente fiel no papel. Nesses casos, a opção prática é usar verniz localizado no marrom para simular o brilho, ou aceitar uma versão mais opaca como padrão do material. Se você precisa de referências rápidas, sites como o color-hex.com ou o htmlcolorcodes.com listam dezenas de tons marrons com os valores em HEX, RGB, HSL e CMYK. Leve os dados como ponto de partida, não como verdade absoluta, e valide sempre no dispositivo final do seu projeto.
