As cores do tikzpicture aparecem de maneira diferente em aplicativos diferentes

Question

Isenção de responsabilidade:Honestamente, não sei se este é o fórum para fazer essa pergunta. Mas como não conheço o fórum apropriado, estou perguntando aqui. Se alguém puder sugerir o fórum adequado, isso também ajudará.

Consulte o seguinte trecho de código.

\begin{tikzpicture}[scale=2]
    \fill [fill=green!30] (0,0) -- (3,0) -- (3.5,2) -- (0.5,2) -- cycle;
    \fill [fill=green!30, opacity=50] (0,0) rectangle (3,2);
    \fill [fill=blue!80, opacity=50] (0,0) -- (3,0) -- (2.5,2) -- cycle;
    \draw [black, dashed] (2.5,2) -- (2.5,0) node[midway, right] {$ h $};
    \draw (0,0) -- (3,0) node [midway, below] {$ b $};          
\end{tikzpicture}

Isto é para ilustrar a fórmula da área de um triângulo. As cores nesta imagem são exibidas de forma diferente em aplicativos diferentes. Estou usando um MacBook Air (13 polegadas, início de 2015) com tela integrada que diz "13,3 polegadas (1440 x 900)" e "Intel HD Graphics 6000 1536 MB graphics" em sua descrição. O Previewaplicativo padrão está exibindo a imagem assim:

enquanto o Adobe Acrobat Readeraplicativo exibe cores como:

Previewnão está exibindo a bluecor corretamente, mas está respeitando a opacidade. Considerando que Adobe Acrobat Readerestá fazendo exatamente o contrário. Qual é a razão para isto? Eu suspeito que isso tenha algo a ver comprecisão de cores. Mas um aplicativo pode ter problemas com a precisão das cores? Isso não é um problema apenas com telas? Por favor me esclareça.

EDITAR:Conforme solicitado, o seguinte é um MWE.

\documentclass[aspectratio=169,10pt, notheorems]{beamer}
\setbeamerfont{headline}{size=\fontsize{8}{0}\selectfont}
\setbeamerfont{footline}{size=\fontsize{6}{0}\selectfont}
\usetheme{CambridgeUS}
\usefonttheme{serif}
\usecolortheme{beetle}
\usepackage{xcolor}
\usepackage{tikz}
\setbeamertemplate{navigation symbols}{}
\setbeamercolor{background canvas}{bg=black}
\setbeamercolor{normal text}{fg=white}
\begin{document}
    \begin{frame}
        \begin{tikzpicture}[scale=2]
            \fill [fill=green!30] (0,0) -- (3,0) -- (3.5,2) -- (0.5,2) -- cycle;
            \fill [fill=green!30, opacity=50] (0,0) rectangle (3,2);
            \fill [fill=blue!80, opacity=50] (0,0) -- (3,0) -- (2.5,2) -- cycle;
            \draw [black, dashed] (2.5,2) -- (2.5,0) node[midway, right] {$ h $};
            \draw (0,0) -- (3,0) node [midway, below] {$ b $};          
        \end{tikzpicture}
    \end{frame}
\end{document}