html – Opacidade da Navbar com Bootstrap

Estou começando a fazer um site com Bootstrap e preciso deixar o background da navbar com transparência. Porém quando eu adiciono a opacidade o texto também fica transparente, não sei como posso fazer para deixar o fundo com transparência e o texto com cor sólida.

Segue abaixo o código da Navbar:

<header>
        <nav class="navbar navbar-expand-md navbar-light bg-primary fixed-top">
            <div class="container">
            <a id="brand" class="navbar-brand h1 mb-0 ml-0 mr-4 text-primary" href="#">Salão</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSite">
            <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSite">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item"><a class="nav-link text-primary" href="#">Meus Atendimentos</a></li>
                    <li class="nav-item"><a class="nav-link text-primary" href="#">Lista de Atendimentos</a></li>
                    <li class="nav-item"><a class="nav-link text-primary" href="#">Clientes</a></li>
                    <li class="nav-item"><a class="nav-link text-primary" href="#">Serviços</a></li>
                    <li class="nav-item"><a class="nav-link text-primary" href="#">Funcionários</a></li>
                    <li class="nav-item"><a class="nav-link text-primary" href="#">Meu Salão</a></li>
                </ul>
        </header>