 <p>Javascript will let you access all the styles applied to the document. Check each one to see if it contains the color.</p> <p><strong>CSS</strong></p> <pre><code>&lt;style&gt; .first-selector div { color: #3C3C3C; } .second-selector span { background-color: #3C3C3C; } .third-selector { border: 1px solid #3C3C3C; } .fourth-selector .nothing { color: red; } &lt;/style&gt; </code></pre> <p><strong>JS:</strong></p> <pre><code>&lt;script&gt; function getColorRules(color) { //convert hex to rgb, since hex color styles are internally stored as rgb if (/[#]{0,1}[0-9A-F]{6}/.test(color)) { color = color.replace('#', ''); var r = parseInt(color.substr(0, 2), 16); var g = parseInt(color.substr(2, 2), 16); var b = parseInt(color.substr(4, 2), 16); color = "rgb(" + r + ", " + g + ", " + b + ")"; } var returnArray = []; //grab all stylesheets var sheets = document.styleSheets; for (var i in sheets) { //to work in FF or chrome var rules = sheets[i].rules || sheets[i].cssRules; for (var r in rules) { //console.log(rules[r]); if (rules[r].cssText !== undefined) { //ignore empty or non css properties if (rules[r].cssText.indexOf(color) &gt; -1) //if the color is found in the style rule { //add it to an array var style = { selector: rules[r].selectorText, style: rules[r].style.cssText.split(":")[0] }; returnArray.push(style); } } } } return returnArray; } console.log(getColorRules("#3C3C3C")); //[{ selector=".first-selector div", style="color"}, { selector=".second-selector span", style="background-color"}, { selector=".third-selector", style="border"}] console.log(getColorRules("red")); // [{ selector=".fourth-selector .nothing", style="color"}] &lt;/script&gt; </code></pre>