Cor Salmão: código #FA8072

Salmão

#FA8072

Códigos da cor

  • HEX#FA8072
  • RGBrgb(250, 128, 114)
  • HSLhsl(6, 93%, 71%)
  • HSVhsv(6, 54%, 98%)
  • CMYKcmyk(0%, 49%, 54%, 2%)
  • LABlab(67.3% 45.2 29.1)
  • OKLCHoklch(73.5% 0.152 28.1)

Sobre a cor Salmão

Salmão tem o código HEX #FA8072, que corresponde a rgb(250, 128, 114) no modelo RGB. No círculo cromático, seu matiz fica em 6°, com 93% de saturação e 71% de luminosidade (hsl(6, 93%, 71%)).

Pelo matiz, é percebida como uma cor quente: tende a transmitir energia e proximidade e a “avançar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 8,39:1 sobre ela, contra 2,50:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 49%, 54%, 2%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Salmão

Complementar

#FA8072 · #70ECFA

Análoga

#FA70A7 · #FA8072 · #FAC370

Tríade

#FA8072 · #70FA7E · #7E70FA

Tetrádica

#FA8072 · #A7FA70 · #70ECFA · #C370FA

Complementar dividida

#FA8072 · #70FAC3 · #70A7FA

Monocromática

#E21E08 · #F8523F · #FA8072 · #FDC1BA · #FFFFFF

Salmão com texto branco e preto

Texto branco Aa Bb Cc 123
2,50:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
8,39:1 · AAA

Testar outras combinações no verificador de contraste

A família salmão no CSS

O salmão desta página é o salmon do CSS, #FA8072 (rgb(250, 128, 114)): um rosa alaranjado, inspirado na cor da carne do peixe. O CSS traz ainda duas variações úteis, que muita gente não conhece:

Se você procura a diferença para o coral, a regra prática é: o salmão tem mais azul no RGB e, por isso, parece mais rosado; o coral puxa para o laranja.

Percepção e usos

O salmão costuma ser lido como gentil, caloroso e descontraído, um meio-termo entre a doçura do rosa e a energia do laranja. Em moda masculina, a camisa salmão virou um clássico de verão em muitos países, uma forma de usar cor sem parecer chamativo. Em decoração, aparece em quartos infantis, cafés e confeitarias. Em branding, combina com gastronomia, bem-estar e produtos para bebês. Como toda associação cromática, isso muda com a cultura: o que parece “fresco” num contexto pode parecer datado em outro.

Em interfaces, o salmão é suave demais para alertas críticos, mas funciona em ilustrações, avatares, tags e fundos de cartão. Em impressão, tons rosados alaranjados costumam ficar um pouco mais apagados em papel não revestido do que na tela; vale fazer uma prova.

Combinações

Contraste e modo escuro

O #FA8072 tem contraste de 2,5:1 com branco, então botões salmão com texto branco não passam na WCAG. Escolha texto escuro (8,4:1 com preto) ou escureça o fundo até algo como #B5473A. No modo escuro, o salmão original funciona bem como cor de destaque sobre fundos grafite, sem ajustes. Verifique tudo no verificador de contraste e simule como a cor aparece para pessoas daltônicas no simulador de daltonismo, já que tons rosados e esverdeados podem se confundir.

Como usar em CSS

:root {
  --color-salmon: #FA8072;
  --color-salmon-rgb: 250, 128, 114;
}

.elemento {
  background-color: var(--color-salmon);
  color: #000000;
}

Cores parecidas

Use Salmão nas ferramentas