O que é cor vinho ingles na pratica
Cor vinho ingles e uma tonalidade de vermelho escuro, quase borgonha, que aparece com frequencia em projetos de design, identidade visual e desenvolvimento web. Não existe um padrao unico e oficial, mas o mais usado no dia a dia gira em torno do HEX #722F37, com variantes como #900C3F e #A51C30 dependendo da fonte. Se voce esta procurando o codigo pronto pra usar, aqui vai uma paleta basica que funciona na maioria dos contextos:
#722F37 — o padrao mais comum, bom para textos sobre fundo branco
#900C3F — variante mais saturada, usada em logos
#A51C30 — versao mais clara, util para hover states
#4A0404 — versão muito escura, quase borgonha, pra fundos
cor vinho ingles no desenvolvimento web
Eu comecei a trabalhar com essa cor há anos, num projeto de site institucional onde o cliente queria "algo sofisticado, mas que nao parecesse vinicola". A armadilha é que vinho inglês é fácil de errar: se o valor hex vier de uma paleta generica de geradores online, o tom costuma ficar com cara de vermelho sangue ou roxo demais. O jeito que eu acho que funciona melhor é ajustar o HSL manualmente. No meu caso, o problema real apareceu quando o mesmo tom precisei usar tanto em fundo escuro quanto em fundo claro num mesmo projeto. Em CSS puro, a legibilidade despenca rápido. Eu resolvi assim:
👉 Clique no botão abaixo para saber mais sobre o assunto!
Para texto sobre fundo claro: usar #722F37 com um leve desvio para hsl(348, 56%, 32%) e aplicar text-shadow muito sutil (0 1px 2px rgba(0,0,0,0.15)) só pra dar contraste sem parecer hack. Para fundo: usar #3D0C11 como base, com texto branco quente (#FDF5F0) em vez de branco puro, porque vinho inglês sobre branco puro cria um contraste visualmente agressivo.
armadilhas que voce nao espera
A primeira coisa que as pessoas descobrem na marra: vinho inglês varia brutalmente de monitor pra monitor em tela de celula. Em telas OLED, o #722F37 parece muito mais saturado e escuro do que em IPS. Se voce precisa consistencia cross-device, teste em pelo menos tres dispositivos antes de entregar. A segunda: a cor vinho inglês combina mal com laranja quente e amarelo vivo em paletas acessiveis. Testei isso num dashboard interno e no modo de daltonismo protanopia os elementos simplesmente sumiam. A solucao foi substituir o laranja por um verde-oliva escuro (#5C6B4F) nos pontos de destaque.
Se voce quer algo pronto e funcional, posso indicar um recurso util. Ha um repositorio no GitHub chamado color-palettes-wine que agrupa variantes testadas do vinho ingles com os respectivos contrastes WCAG, o que economiza bastante tempo de teste. Vale a pena dar uma olhada.
quando nao usar cor vinho ingles
E honesto falar: essa cor nao funciona bem em interfaces que precisam transmitir urgencia ou alertas. Vermelho escuro remete a estabilidade, elegancia, algo tradicional. Se o contexto pede atencao imediata (botao de perigo, erro de validacao), use um vermelho mais vivo como #D32F2F e deixe o vinho ingles para areas de branding e tipografia secundaria. Tentar forcar uso em ambos os contextos normalmente resulta num design confuso e acessibilidade ruim.
