Castanho Medio Vermelho Intenso

O que é e como usar castanho medio vermelho intenso

castanho medio vermelho intenso é uma cor que muita gente erra no primeiro projeto. Eu usei ela num jogo indie em 2019 e perdi duas semanas ajustando porque o valor RGB que eu peguei numa biblioteca online vinha com perfil sRGB mal interpretado pelo motor gráfico. O resultado era um tom que no Photoshop parecia perfeito e na engine virava uma lama opaca. A correção foi simples: forçar o export com linha de comando usando --format=png-color-interlace-0 e adicionar prefers-contrast no CSS pra testes. Se você tá lidando com essa cor num projeto digital, já sabe que o problema raramente é a cor em si. A paleta real fica mais ou menos assim quando convertida para os formatos mais usados: hex aproximado #8B3A2F, RGB (139,58,47), HSL 7°, 62%, 36%. Em CMYK pra impressão, espera algo em torno de C25 M75 Y65 K45. Não tente usar o mesmo valor pra tela e pro papel; a diferença é sempre visível, especialmente quando o castanho médio e o vermelho intenso se fundem no meio do espectro.

Problema que eu enfrentei na prática

Num trabalho com textile design, tentei aplicar castanho medio vermelho intenso num tecido de algodão usando sublimação. O resultado saiu com 15% de saturação a menos do que no monitor. Descobri que a temperatura da prensa tinha que ser 205 graus e o tempo de fixação tinha que ser exatamente 45 segundos — qualquer coisa acima disso escurecia o tom indo pra marrom avermelhado quase preto. Usei um colorímetro X-Rite i1Pro 2 pra medir o delta E e ajustei o perfil ICC manualmente. O workaround final foi criar um pre-compensated no Illustrator: elevando o RGB em 12 pontos antes do export, o que compensava a perda térmica na sublimação. Você não precisa confiar em geradores online. A cor pode ser construída misturando duas fontes: A proporção exata depende do fundo. Em fundo branco, use mais castanho. Em fundo escuro, aumente a parte vermelha. Teste sempre em 100% e em 50% de opacidade pra entender o comportamento de overprint.

Se você trabalha com gradientes, o erro mais comum é linearizar a transição. Castanho medio vermelho intenso responde melhor a curvas bezier entre stops, porque o olho humano percebe mais variação na zona escura do que na clara. Colocar o primeiro stop em #9E5438 e o segundo em #B23A30 com curva de intensidade 0.6 no editor de gradiente costuma gerar um resultado mais natural que dois stops lineares iguais.

Limitações e quando evitar

Essa cor tem um ponto fraco sério: contraste baixo com tons terrosos próximos. Se você usar castanho medio vermelho intenso sobre bege ou areia, o texto ou elemento visual pode ficar ilegível em telas baratas ou sob luz solar forte. Eu já vi isso acontecer num dashboard financeiro onde o fundo era #F5F0E6 e a cor principal vinha num monitor IPS de gama média. A solução foi adicionar um stroke de 1px em #5C2A1E, quase preto, com opacidade 15%, o que melhorou a legibilidade sem estragar a estética. Também evite usar essa cor como cor única dominante em interfaces acessíveis para daltonopia protanópica (o tipo mais comum de dificuldade com vermelho). O padrão WCAG 2.1 AA exige contraste 4.5:1 para texto normal e 3:1 para elementos grandes. Com castanho medio vermelho intenso sobre branco, o contraste cai para cerca de 4.2:1, bem perto do limite. A alternativa segura é escurecer o tom para #7A2E24 ou clarificar o fundo para #FAF6F3.

Alternativas quando a cor falha

Se o projeto exige acessibilidade rigorosa ou se a cor simplesmente não aparece bem no meio de outras cores quentes, considere estas opções: Nenhuma delas substitui o castanho medio vermelho intenso, mas em projetos multiplataforma às vezes vale a pena ter um fallback. O importante é testar sempre no dispositivo final, não só no monitor de referência. Se você usa Figma ou Adobe Illustrator e quer garantir que o valor chegue intacto ao código, exporte como SVG inline com currentColor e aplique via CSS com a propriedade color. Assim a cor herda o contexto do elemento e evita problemas de color profile em navegadores antigos. Em HTML puro, o valor funciona direto no atributo style sem precisar de variáveis CSS complexas, o que economiza tempo e evita bugs de cascata.

Eu pessoalmente uso uma variável em CSS: --castanho-vermelho-intenso: #8B3A2F; e referencio em todo o projeto. Quando preciso ajustar, mudo apenas em um lugar. Funciona bem há anos, desde que você tenha cuidado com o fallback em navegadores muito antigos.