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}

これは三角形の面積の公式を説明するものです。この画像の色は、アプリによって表示が異なります。私は、説明に「13.3 インチ (1440 x 900)」および「Intel HD Graphics 6000 1536 MB グラフィックス」と記載されている内蔵ディスプレイを搭載した MacBook Air (13 インチ、2015 年初頭) を使用しています。デフォルトの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}