Добавление непрозрачности к фону H2 с помощью палитры цветов, CSS и PHP в теме WP

Я пытаюсь добавить непрозрачность для элемента фона h2, не добавляя непрозрачность к тексту. Обычно это было бы простой задачей, но я интегрировал палитру цветов, используя дерево параметров и PHP. Так как цвет фона выбирается с помощью палитры цветов, я не могу просто добавить цвет RGBA в CSS. Вот код, который я строю, возможно ли добавить прозрачность фона или изменить палитру цветов дерева параметров на RGBA?

CSS:

article.post h2 {
<?php $b_color = ot_get_option( 'menu_and_search_tabs' );
if(isset($b_color) && $b_color !="") {
?>
background-color:<?php echo $b_color ?> !important;
<?php } else {?>
background-color:transparent; !important;
<?php } ?>
}

Если я добавлю непрозрачность к приведенному выше коду, это также добавит непрозрачность к тексту.

HTML:

<article class="post">
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<article class="post">
</article>