Para corrigir isso na maioria dos sistemas operacionais e navegadores, faça o seguinte:
- Crie uma imagem minúscula (por exemplo, 1px) usando a cor desejada
- Atribua a ele um perfil sRGB ICC
- Use isso como pano de fundo
A consistência das cores é uma dor de cabeça - é quase certo que não há como fazer com que a aparência seja igual em todas as máquinas e navegadores (mesmo assumindo a calibração!). Mas podemos tentar o nosso melhor.
A incorporação de perfis ICC, se forem respeitados, oferece controle sobre o espaço de cores usado para exibir a imagem e pode garantir a consistência das cores. Seu problema está ocorrendo porque, sem um perfil, o Safari renderiza cores na gama de cores do monitor em vez de sRGB. A única razão pela qual parece bom no primeiro Mac é porque o gamut de cores do monitor só coincide com o sRGB.
Você está usando estilos CSS com códigos RGB para definir a cor do plano de fundo. O padrão CSS3 propõe uma propriedade de perfil de cores que permite incluir um perfil de cores para controlar como essa cor de plano de fundo é renderizada, mas infelizmente quase nenhum navegador ainda implementa isso.
Usar uma imagem marcada que contenha um perfil de cores como plano de fundo (e, por exemplo, lado a lado) em vez de CSS, permitirá garantir consistência em todos os navegadores que respeitam as tags de perfil ICC nas imagens. Infelizmente, este não é todos os navegadores (por exemplo, o IE não), daí a minha sinopse no início de que não há garantia de que você possa obter consistência em qualquer lugar.
Eu recomendo que você crie uma imagem minúscula usando a cor desejada, marque-a com um perfil sRGB e use-a como plano de fundo. Isso deve proporcionar consistência em quase todos os lugares (já que o IE / Windows assume sRGB para tudo).