tikzpicture 的颜色在不同的应用程序中显示不同

Question

免责声明：说实话，我不知道这里是否是提问的论坛。但由于我不知道哪个论坛合适，所以我在这里提问。如果有人能建议合适的论坛，那也会有所帮助。

请参阅以下代码片段。

\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}

这是为了说明三角形面积的公式。此图像中的颜色在不同应用程序中显示不同。我使用的是 MacBook Air（13 英寸，2015 年初），内置显示屏，其描述中显示“13.3 英寸（1440 x 900）”和“Intel HD Graphics 6000 1536 MB 显卡”。默认应用程序Preview显示的图像如下：

而Adobe Acrobat Reader应用程序显示的颜色如下：

Preview无法blue正确显示颜色，但可以保留不透明度。然而Adobe Acrobat Reader完全相反。这是什么原因造成的？我怀疑这与色彩准确度。但是应用程序会存在色彩准确性问题吗？这难道不是屏幕独有的问题吗？请赐教。

编辑：根据要求，以下是 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}