Single Page Option Doesn't Give True Hex Color in BGs

I’m using the latest theme and WP versions.

The URL is not live yet, but it’s https://www.keithrothra.com.

I’m using the single page coding outlined here: https://presscustomizr.com/snippet/adding-sections-to-any-page-or-posts-in-customizr/

However, when I tell it to make the background color a certain color (in this case, the same hex color I chose for the site’s skin: #0088cc), the color is not the true designated color, but is always lighter and grayer.

That hex creates one color for the skin (what it should be), but a completely different color for the page section.

Because the site isn’t live, here’s a screen shot showing both the skin (see the page name) and the background: https://drive.google.com/file/d/0B4mnNZ1F-EDsYlBIVXk1VF9rdDQ/view?usp=sharing

Here’s the code from the CSS and functions.php files in the child theme:
Functions: https://pastebin.com/e9HGwRnc
CSS: https://pastebin.com/eW0RY1wb

Things to notice:
– I do not use the random colors (I think)
– The hex code for the middle page is the same as the theme’s skin
– The color of the background is lighter, with a gray tinge to it (no matter what color I use, the background is grayer and lighter) than the name (which is the skin color)
– The link at the bottom matches the header name as the actual skin color.

My question: why is the background being made lighter and grayer?