.w3-vivid-pink {
    color: #fff;
    background-color: #ffb5bA
}

.w3-vivid-red {
    color: #fff;
    background-color: #be0032
}

.w3-vivid-orange {
    color: #fff;
    background-color: #f38400
}

.w3-vivid-yellow {
    color: #fff;
    background-color: #f3c300
}

.w3-vivid-green {
    color: #fff;
    background-color: #008856
}

.w3-vivid-blue {
    color: #fff;
    background-color: #00a1c2
}

.w3-vivid-black {
    color: #fff;
    background-color: #000
}

.w3-vivid-white {
    color: #000;
    background-color: #fff
}

.w3-vivid-purple {
    color: #fff;
    background-color: #9a4eae
}

.w3-vivid-yellowish-pink {
    color: #fff;
    background-color: #ffb7a5
}

.w3-vivid-reddish-orange {
    color: #fff;
    background-color: #e25822
}

.w3-vivid-orange-yellow {
    color: #fff;
    background-color: #f6a600
}

.w3-vivid-greenish-yellow {
    color: #fff;
    background-color: #dcd300
}

.w3-vivid-yellow-green {
    color: #fff;
    background-color: #8db600
}

.w3-vivid-yellowish-green {
    color: #fff;
    background-color: #27a64c
}

.w3-vivid-bluish-green {
    color: #fff;
    background-color: #008882
}

.w3-vivid-greenish-blue {
    color: #fff;
    background-color: #0085a1
}

.w3-vivid-purplish-blue {
    color: #fff;
    background-color: #30267a
}

.w3-vivid-reddish-purple {
    color: #fff;
    background-color: #870074
}

.w3-vivid-purplish-red {
    color: #fff;
    background-color: #ce4676
}