[scottkoz20]

Originally Posted by ramesh_umk3

Great. But all you need to get is Hex Color codes and replace in CSS.

https://www.w3schools.com/colors/colors_picker.asp

Just to piggyback on this, a couple of my members to give me suggestions on colors that were a bit more subtle and not overpowering (especially with the style that I use). Feel free to use this to test out colors.

/* Prefix Styling */
.mcbadge_v { 
    background: none repeat scroll 0% 0% #e1b5f4; 
} 
.mcbadge_i { 
    background: none repeat scroll 0% 0% #c4b3d1; 
} 
.mcbadge_b { 
    background: none repeat scroll 0% 0% #ADDFFF; 
} 
.mcbadge_g { 
    background: none repeat scroll 0% 0% #EAFAF1; 
} 
.mcbadge_y { 
    background: none repeat scroll 0% 0% #FEF9E7; 
} 
.mcbadge_o { 
    background: none repeat scroll 0% 0% #B43104; 
} 
.mcbadge_r { 
    background: none repeat scroll 0% 0% #FDEDEC; 
} 

.mcbadge { 
    display: inline-block; 
    height: 13px; 
    line-height: 13px; 
    font-size: 13px; 
    font-weight: bold; 
    padding: 0px 2px; 
    margin: 0px; 
    letter-spacing:0.4px; 
    color: #000;
    border-radius: 2px; 
    vertical-align: middle; 
    cursor:default; 
}  

/* Prefix Styling */