O que é a cor salmão
A cor salmão é uma cor nomeada reconhecida tanto no modelo RGB quanto em sistemas de design web. Ela pertence ao grupo das cores quentes e fica na transição entre o rosa e o laranja claro. O valor hexadecimal padrão é #FA8072, que em RGB corresponde a 250 de vermelho, 128 de verde e 114 de azul. Em HSL, a saturação fica em torno de 93% com uma tonalidade de cerca de 9 graus. É uma cor bem específica quando você precisa de algo que não seja um rosa puro nem um laranja pesado.
qual a cor do salmão original
A cor do salmão original, aquela que define a cor "salmon" no CSS e no padrão X11, é exatamente #FA8072. Muita gente confunde porque o salmão como alimento — a carne do peixe — pode variar muito em tom dependendo da espécie, da dieta e do processamento. Um filé de salmão selvagem tende a um laranja mais vivo e saturado. Já o salmão de cativeiro, alimentado com ração com corantes, pode ficar num rosa mais pálido. A cor de design "salmão" foi definida nos anos 90 como um meio-termo: nem muito rosa, nem muito laranja, com um toque levemente alaranjado mas ainda perceptivelmente rosado. Se você quer usar a cor oficial de design, use #FA8072. Se quer a cor realista do peixe cru, aí o campo é mais aberto. No dia a dia de trabalho com design, eu já vi muita gente errando porque leva o nome literal do peixe. Eu estava numa revisão de sistema de design para um app de delivery, e o produto pediu "usar a cor salmão do logo". O logo tinha um salmão desenhado com cores bem quentes, quase coral. Quando abri o eyedropper, a cor da ilustração era algo como #FF6B4A. A cor CSS "salmon" seria #FA8072, bem mais desaturada. Eu simplesmente disse que eram cores diferentes e mostrei as duas lado a lado no Figma. O produto escolheu a mais quente. Desde aí, todo projeto nosso documenta o código HEX da cor que está na paleta, nunca apenas o nome.
O que pouca gente sabe é que a cor salmão no CSS não é exatamente a mesma coisa em todos os contextos. Existem variações como "salmon" padrão do X11, e há também tons próximos como "light salmon" (#FFA07A) e "dark salmon" (#E9967A). A cor base foi criada antes de existir um padrão universal de gamut para web, então ela foi definida em RGB puro sem considerar perfis de cor ou conversões para CIELAB. Isso significa que em telas com diferentes perfis de cor — especialmente monitores calibrados para sRGB versus displays mais amplos como P3 — a cor pode parecer ligeiramente diferente. A variação não é dramática, mas é real.
Como usar a cor salmão corretamente
Para usar a cor salmão em um projeto, o primeiro passo é definir se você quer a cor oficial do padrão web ou uma variação mais próxima da cor natural do peixe. Se for para desenvolvimento web, simplesmente use color: #FA8072; ou o nome salmon diretamente no CSS, que é suportado universalmente por todos os navegadores modernos. Na prática, eu costumo seguir este fluxo: defino a cor base na paleta do projeto, documento o HEX em um arquivo de tokens de design, e depois uso variáveis CSS ou constantes no código. Isso evita que alguém mude a cor numa tela e esqueça de atualizar noutra. Já passei por um projeto onde o salmão aparecia em 14 telas diferentes, e quatro delas tinham valores ligeiramente distintos porque cada desenvolvedor tinha copiado de fontes diferentes. Demorou duas semanas para detectar e corrigir.
Se você precisa da cor num software de design como Figma ou Adobe Illustrator, basta criar uma cor RGB com os valores R:250, G:128, B:114. Ou colar #FA8072 direto na caixa de cor e o software converte automaticamente. No Photoshop, isso resulta na mesma cor em modos RGB e no mesmo valor aproximado em CMYK para impressão — embora para impressão profissional eu sempre recomende fazer a conversão via perfil ICC, pois valores RGB para CMYK diretos podem ficar dessaturados demais. Um problema comum é a legibilidade. O salmão é uma cor média em luminosidade, o que significa que texto branco sobre fundo salmão pode ter contraste insuficiente para pessoas com baixa visão. Eu testei com a ferramenta WCAG do Figma e o contraste de texto branco (#FFFFFF) sobre #FA8072 dá aproximadamente 2.1:1, que fica abaixo do nível AA para texto normal. A solução mais simples é usar texto escuro — um cinza chumbo como #2D2D2D — sobre o salmão, ou usar o salmão apenas como cor de fundo de elementos decorativos, não como fundo de texto.
👉 Clique no botão abaixo para saber mais sobre o assunto!
Outro detalhe prático que as pessoas esquecem: o salmão combina bastante bem com azuis frios e verdes-azulados devido ao contraste complementar. Mas ele também funciona bem com neutros quentes como bege e areia. Eu evito combiná-lo com vermelhos puros porque perde diferença visual — as cores ficam parecidas demais e o resultado tende a ser confuso na interface.
Diferença entre salmão e cores parecidas
Muitas pessoas confundem salmão com corais, pêssego e outros tons similares. A cor coral, por exemplo, é mais saturada e mais avermelhada — o coral padrão é #FF7F50, enquanto o salmão é #FA8072. A diferença principal está na saturação: o coral é mais intenso e vibrante. O pêssego (#FFDAB9) é bem mais claro e mais amarelado. O light salmon (#FFA07A) é uma variação mais clara do salmão, com mais vermelho e mais luminosidade. E o dark salmon (#E9967A) é mais escuro e um pouco mais avermelhado. Se você está construindo uma paleta e precisa escolher entre essas cores, aqui vai uma regra prática: se o tom precisa parecer mais vibrante e energético, vá de coral. Se precisa ser mais suave e acolhedor, o salmão padrão é mais adequado. Se precisa de algo mais claro para fundos, use light salmon ou pêssego. Se precisa de algo mais sóbrio para textos ou detalhes, dark salmon pode servir.
Existe também a confusão com o "salmão defumado", que em termos culinários tem uma cor mais alaranjada e intensa — muitas vezes próxima de #FF8C69. Se o seu projeto é sobre comida e você quer representar a cor do salmão defumado, o salmão CSS original não vai corresponder. Nesse caso, ajuste manualmente o HEX para algo entre #FF8C69 e #FA8072 dependendo da referência visual que você tem.
Valores técnicos completos
Para referência rápida, aqui estão os valores da cor salmão em diferentes modelos: HEX: #FA8072
RGB: R:250 G:128 B:114
CMYK (aproximado): C:0 M:49 Y:54 K:2
HSL: H:9° S:93% L:71%
LAB: L:64 a:35 b:19
Estes valores são baseados na conversão padrão do espaço sRGB. Se o seu fluxo de trabalho envolve impressão offset ou perfis de cor específicos, os valores CMYK podem variar dependendo do perfil utilizado. Eu sempre recomendo validar a cor no perfil do seu imprimidor antes de confiar em conversões automáticas. A cor salmão é simples de usar quando você conhece o valor exato eDocumenta tudo desde o início. O erro mais comum é dar o nome da cor e esperar que todos no time usem o mesmo tom. Com cores nominais, isso nunca funciona de verdade. Anote o HEX, use variáveis, e revise periodicamente para garantir consistência.
