Embeddable “CSS Color Chart” – 216 Hexadecimal Values

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8eomIrk9cPFjS1FuZSqbPXf7awwyZ3UEJGfCvfTKZ6MftK9ovphJH28ONZt3R3XxALaOjKZZVjW1j0aCdAvurrtFxQKCFo_o1d3Dczk-iwQQRLxvsxV7libmoGPLa4rpOgjAtkotPvbU/s1600/htmlcolorcode.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8eomIrk9cPFjS1FuZSqbPXf7awwyZ3UEJGfCvfTKZ6MftK9ovphJH28ONZt3R3XxALaOjKZZVjW1j0aCdAvurrtFxQKCFo_o1d3Dczk-iwQQRLxvsxV7libmoGPLa4rpOgjAtkotPvbU/s1600/htmlcolorcode.jpg" width="320" /></a></div> <div align="justify" style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;"> Below is an embeddable <span style="color: green;"><strong>Web Colour Chart</strong></span> most probably known as <span style="color: green;"><strong>hexadecimal colour chart</strong></span>. The chart below consists of a total 216 hexadecimal colours which are well interpreted by all browsers and are compatible in every sense. The Colour chart below uses a combination of well scripted HTML and CSS to produce a mouse over effect when you hover your cursor over the table cells. You can use this chart for both free and commercial purpose. You can use these <span style="color: green;"><strong>colour codes<span style="color: black;">/</span>hexadecimal values</strong></span> for editing your Blogspot, Wordpress or web templates. They are web safe colours so they look the same in any browser.  You can embed this Colour Chart or table in your websites or weblogs. </div> <div align="justify">  </div> <center> <h4 style="border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; padding: 3px;"> <div style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; padding: 3px;"> <span style="color: #0080ff;">CSS Web Colour Chart</span></div> </h4> </center> <center>  </center> <center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody> <tr><td bgcolor="#ffffff" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#FFFFFF</span></td><td bgcolor="#ffffcc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#FFFFCC</span></td><td bgcolor="#ffff99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FFFF99</span></td><td bgcolor="#ffff66" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FFFF66</span></td><td bgcolor="#ffff33" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FFFF33</span></td><td bgcolor="#ffff00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#FFFF00</span></td></tr> <tr><td bgcolor="#ffccff" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#FFCCFF</span></td><td bgcolor="#ffcccc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#FFCCCC</span></td><td bgcolor="#ffcc99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FFCC99</span></td><td bgcolor="#ffcc66" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FFCC66</span></td><td bgcolor="#ffcc33" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FFCC33</span></td><td bgcolor="#ffcc00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#FFCC00</span></td></tr> <tr><td bgcolor="#ff99ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: #004000;">#FF99FF</span></td><td bgcolor="#ff99cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: #004000;">#FF99CC</span></td><td bgcolor="#ff9999" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FF9999</span></td><td bgcolor="#ff9966" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FF9966</span></td><td bgcolor="#ff9933" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FF9933</span></td><td bgcolor="#ff9900" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#FF9900</span></td></tr> <tr><td bgcolor="#ff66ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#FF66FF</span></td><td bgcolor="#ff66cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#FF66CC</span></td><td bgcolor="#ff6699" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF6699</span></td><td bgcolor="#ff6666" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF6666</span></td><td bgcolor="#ff6633" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF6633</span></td><td bgcolor="#ff6600" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#FF6600</span></td></tr> <tr><td bgcolor="#ff33ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#FF33FF</span></td><td bgcolor="#ff33cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#FF33CC</span></td><td bgcolor="#ff3399" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF3399</span></td><td bgcolor="#ff3366" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF3366</span></td><td bgcolor="#ff3333" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF3333</span></td><td bgcolor="#ff3300" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#FF3300</span></td></tr> <tr><td bgcolor="#ff00ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#FF00FF</span></td><td bgcolor="#ff00cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#FF00CC</span></td><td bgcolor="#ff0099" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF0099</span></td><td bgcolor="#ff0066" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF0066</span></td><td bgcolor="#ff0033" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF0033</span></td><td bgcolor="#ff0000" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#FF0000</span></td></tr> </tbody></table> </center> <br /> <center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody> <tr><td bgcolor="#ccffff" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#CCFFFF</span></td><td bgcolor="#ccffcc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#CCFFCC</span></td><td bgcolor="#ccff99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CCFF99</span></td><td bgcolor="#ccff66" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CCFF66</span></td><td bgcolor="#ccff33" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CCFF33</span></td><td bgcolor="#ccff00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#CCFF00</span></td></tr> <tr><td bgcolor="#ccccff" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#CCCCFF</span></td><td bgcolor="#cccccc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#CCCCCC</span></td><td bgcolor="#cccc99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CCCC99</span></td><td bgcolor="#cccc66" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CCCC66</span></td><td bgcolor="#cccc33" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CCCC33</span></td><td bgcolor="#cccc00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#CCCC00</span></td></tr> <tr><td bgcolor="#cc99ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: #004000;">#CC99FF</span></td><td bgcolor="#cc99cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: #004000;">#CC99CC</span></td><td bgcolor="#cc9999" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CC9999</span></td><td bgcolor="#cc9966" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CC9966</span></td><td bgcolor="#cc9933" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CC9933</span></td><td bgcolor="#cc9900" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#CC9900</span></td></tr> <tr><td bgcolor="#cc66ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#CC66FF</span></td><td bgcolor="#cc66cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#CC66CC</span></td><td bgcolor="#cc6699" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC6699</span></td><td bgcolor="#cc6666" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC6666</span></td><td bgcolor="#cc6633" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC6633</span></td><td bgcolor="#cc6600" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#CC6600</span></td></tr> <tr><td bgcolor="#cc33ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#CC33FF</span></td><td bgcolor="#cc33cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#CC33CC</span></td><td bgcolor="#cc3399" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC3399</span></td><td bgcolor="#cc3366" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC3366</span></td><td bgcolor="#cc3333" valign="top" width="87"><span style="color: white;">#CC3333</span></td><td bgcolor="#cc3300" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#CC3300</span></td></tr> <tr><td bgcolor="#cc00ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#CC00FF</span></td><td bgcolor="#cc00cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#CC00CC</span></td><td bgcolor="#cc0099" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC0099</span></td><td bgcolor="#cc0066" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC0066</span></td><td bgcolor="#cc0033" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC0033</span></td><td bgcolor="#cc0000" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#CC0000</span></td></tr> </tbody></table> </center> <center>  </center> <center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody> <tr><td bgcolor="#99ffff" class="mbt_out" style="border: 0px;" valign="top" width="91"><span style="color: #004000;">#99FFFF</span></td><td bgcolor="#99ffcc" valign="top" width="89"><span style="color: #004000;">#99FFCC</span></td><td bgcolor="#99ff99" valign="top" width="87"><span style="color: #004000;">#99FF99</span></td><td bgcolor="#99ff66" valign="top" width="86"><span style="color: #004000;">#99FF66</span></td><td bgcolor="#99ff33" class="mbt_out" style="border: 0px;" valign="top" width="86"><span style="color: #004000;">#99FF33</span></td><td bgcolor="#99ff00" valign="top" width="96"><span style="color: #004000;">#99FF00</span></td></tr> <tr><td bgcolor="#99ccff" valign="top" width="89"><span style="color: #004000;">#99CCFF</span></td><td bgcolor="#99cccc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#99CCCC</span></td><td bgcolor="#99cc99" valign="top" width="87"><span style="color: #004000;">#99CC99</span></td><td bgcolor="#99cc66" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#99CC66</span></td><td bgcolor="#99cc33" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#99CC33</span></td><td bgcolor="#99cc00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#99CC00</span></td></tr> <tr><td bgcolor="#9999ff" valign="top" width="90"><span style="color: #004000;">#9999FF</span></td><td bgcolor="#9999cc" valign="top" width="88"><span style="color: #004000;">#9999CC</span></td><td bgcolor="#999999" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#999999</span></td><td bgcolor="#999966" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#999966</span></td><td bgcolor="#999933" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#999933</span></td><td bgcolor="#999900" valign="top" width="96"><span style="color: #004000;">#999900</span></td></tr> <tr><td bgcolor="#9966ff" valign="top" width="90"><span style="color: white;">#9966FF</span></td><td bgcolor="#9966cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#9966CC</span></td><td bgcolor="#996699" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#996699</span></td><td bgcolor="#996666" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#996666</span></td><td bgcolor="#999933" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#999933</span></td><td bgcolor="#999900" valign="top" width="96"><span style="color: white;">#999900</span></td></tr> <tr><td bgcolor="#9933ff" valign="top" width="90"><span style="color: white;">#9933FF</span></td><td bgcolor="#9933cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#9933CC</span></td><td bgcolor="#993399" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#993399</span></td><td bgcolor="#993366" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#993366</span></td><td bgcolor="#993333" valign="top" width="87"><span style="color: white;">#993333</span></td><td bgcolor="#993300" valign="top" width="96"><span style="color: white;">#993300</span></td></tr> <tr><td bgcolor="#9900ff" valign="top" width="90"><span style="color: white;">#9900FF</span></td><td bgcolor="#9900cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#9900CC</span></td><td bgcolor="#990099" valign="top" width="87"><span style="color: white;">#990099</span></td><td bgcolor="#990066" valign="top" width="87"><span style="color: white;">#990066</span></td><td bgcolor="#990033" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#990033</span></td><td bgcolor="#990000" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#990000</span></td></tr> </tbody></table> </center> <tt></tt><br /> <center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody> <tr><td bgcolor="#66ffff" valign="top" width="91"><span style="color: #004000;">#66FFFF</span></td><td bgcolor="#66ffcc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#66FFCC</span></td><td bgcolor="#66ff99" valign="top" width="87"><span style="color: #004000;">#66FF99</span></td><td bgcolor="#66ff66" valign="top" width="86"><span style="color: #004000;">#66FF66</span></td><td bgcolor="#66ff33" class="mbt_out" style="border: 0px;" valign="top" width="86"><span style="color: #004000;">#66FF33</span></td><td bgcolor="#66ff00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#66FF00</span></td></tr> <tr><td bgcolor="#66ccff" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#66CCFF</span></td><td bgcolor="#66cccc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#66CCCC</span></td><td bgcolor="#66cc99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#66CC99</span></td><td bgcolor="#66cc66" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#66CC66</span></td><td bgcolor="#66cc33" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#66CC33</span></td><td bgcolor="#66cc00" valign="top" width="96"><span style="color: #004000;">#66CC00</span></td></tr> <tr><td bgcolor="#6699ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: #004000;">#6699FF</span></td><td bgcolor="#6699cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: #004000;">#6699CC</span></td><td bgcolor="#669999" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#669999</span></td><td bgcolor="#669966" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#669966</span></td><td bgcolor="#669933" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#669933</span></td><td bgcolor="#669900" valign="top" width="96"><span style="color: #004000;">#669900</span></td></tr> <tr><td bgcolor="#6666ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#6666FF</span></td><td bgcolor="#6666cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#6666CC</span></td><td bgcolor="#666699" valign="top" width="87"><span style="color: white;">#666699</span></td><td bgcolor="#666666" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#666666</span></td><td bgcolor="#666633" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#666633</span></td><td bgcolor="#666600" valign="top" width="96"><span style="color: white;">#666600</span></td></tr> <tr><td bgcolor="#6633ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#6633FF</span></td><td bgcolor="#6633cc" valign="top" width="88"><span style="color: white;">#6633CC</span></td><td bgcolor="#663399" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#663399</span></td><td bgcolor="#663366" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#663366</span></td><td bgcolor="#663333" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#663333</span></td><td bgcolor="#663300" valign="top" width="96"><span style="color: white;">#663300</span></td></tr> <tr><td bgcolor="#6600ff" valign="top" width="90"><span style="color: white;">#6600FF</span></td><td bgcolor="#6600cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#6600CC</span></td><td bgcolor="#660099" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#660099</span></td><td bgcolor="#660066" valign="top" width="87"><span style="color: white;">#660066</span></td><td bgcolor="#660033" valign="top" width="87"><span style="color: white;">#660033</span></td><td bgcolor="#660000" valign="top" width="96"><span style="color: white;">#660000</span></td></tr> </tbody></table> </center> <span style="color: white;"></span><br /> <center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody> <tr><td bgcolor="#33ffff" class="mbt_out" style="border: 0px;" valign="top" width="91"><span style="color: #004000;">#33FFFF</span></td><td bgcolor="#33ffcc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#33FFCC</span></td><td bgcolor="#33ff99" valign="top" width="87"><span style="color: #004000;">#33FF99</span></td><td bgcolor="#33ff66" valign="top" width="86"><span style="color: #004000;">#33FF66</span></td><td bgcolor="#33ff33" class="mbt_out" style="border: 0px;" valign="top" width="86"><span style="color: #004000;">#33FF33</span></td><td bgcolor="#33ff00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#33FF00</span></td></tr> <tr><td bgcolor="#03ccf0" valign="top" width="89"><span style="color: #004000;">#33CCFF</span></td><td bgcolor="#33cccc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#33CCCC</span></td><td bgcolor="#33cc99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#33CC99</span></td><td bgcolor="#33cc66" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#33CC66</span></td><td bgcolor="#33cc33" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#33CC33</span></td><td bgcolor="#33cc00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#33CC00</span></td></tr> <tr><td bgcolor="#3399ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: #004000;">#3399FF</span></td><td bgcolor="#3399cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: #004000;">#3399CC</span></td><td bgcolor="#339999" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#339999</span></td><td bgcolor="#339966" valign="top" width="87"><span style="color: #004000;">#339966</span></td><td bgcolor="#339933" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#339933</span></td><td bgcolor="#339900" valign="top" width="96"><span style="color: #004000;">#339900</span></td></tr> <tr><td bgcolor="#3366ff" valign="top" width="90"><span style="color: white;">#3366FF</span></td><td bgcolor="#3366cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#3366CC</span></td><td bgcolor="#336699" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#336699</span></td><td bgcolor="#336666" valign="top" width="87"><span style="color: white;">#336666</span></td><td bgcolor="#336633" valign="top" width="87"><span style="color: white;">#336633</span></td><td bgcolor="#336600" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#336600</span></td></tr> <tr><td bgcolor="#3333ff" valign="top" width="90"><span style="color: white;">#3333FF</span></td><td bgcolor="#3333cc" valign="top" width="88"><span style="color: white;">#3333CC</span></td><td bgcolor="#333399" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#333399</span></td><td bgcolor="#333366" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#333366</span></td><td bgcolor="#333333" valign="top" width="87"><span style="color: white;">#333333</span></td><td bgcolor="#333300" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#333300</span></td></tr> <tr><td bgcolor="#3300ff" valign="top" width="90"><span style="color: white;">#3300FF</span></td><td bgcolor="#3300cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#3300CC</span></td><td bgcolor="#330099" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#330099</span></td><td bgcolor="#330066" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#330066</span></td><td bgcolor="#330033" valign="top" width="87"><span style="color: white;">#330033</span></td><td bgcolor="#330000" valign="top" width="96"><span style="color: white;">#330000</span></td></tr> </tbody></table> </center> <br /> <center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody> <tr><td bgcolor="#00ffff" class="mbt_out" style="border: 0px;" valign="top" width="91"><span style="color: #004000;">#00FFFF</span></td><td bgcolor="#00ffcc" valign="top" width="89"><span style="color: #004000;">#00FFCC</span></td><td bgcolor="#00ff99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#00FF99</span></td><td bgcolor="#00ff66" class="mbt_out" style="border: 0px;" valign="top" width="86"><span style="color: #004000;">#00FF66</span></td><td bgcolor="#00ff33" valign="top" width="86"><span style="color: #004000;">#00FF33</span></td><td bgcolor="#00ff00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#00FF00</span></td></tr> <tr><td bgcolor="#00ccff" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#00CCFF</span></td><td bgcolor="#00cccc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#00CCCC</span></td><td bgcolor="#00cc99" valign="top" width="87"><span style="color: #004000;">#00CC99</span></td><td bgcolor="#00cc66" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#00CC66</span></td><td bgcolor="#00cc33" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#00CC33</span></td><td bgcolor="#00cc00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#00CC00</span></td></tr> <tr><td bgcolor="#0099ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: #004000;">#0099FF</span></td><td bgcolor="#0099cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: #004000;">#0099CC</span></td><td bgcolor="#009999" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#009999</span></td><td bgcolor="#009966" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#009966</span></td><td bgcolor="#009933" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#009933</span></td><td bgcolor="#009900" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#009900</span></td></tr> <tr><td bgcolor="#0066ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#0066FF</span></td><td bgcolor="#0066cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#0066CC</span></td><td bgcolor="#006699" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#006699</span></td><td bgcolor="#006666" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#006666</span></td><td bgcolor="#006633" valign="top" width="87"><span style="color: white;">#006633</span></td><td bgcolor="#006600" valign="top" width="96"><span style="color: white;">#006600</span></td></tr> <tr><td bgcolor="#0033ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#0033FF</span></td><td bgcolor="#0033cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#0033CC</span></td><td bgcolor="#003399" valign="top" width="87"><span style="color: white;">#003399</span></td><td bgcolor="#003366" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#003366</span></td><td bgcolor="#003333" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#003333</span></td><td bgcolor="#003300" valign="top" width="96"><span style="color: white;">#003300</span></td></tr> <tr><td bgcolor="#0000ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#0000FF</span></td><td bgcolor="#0000cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#0000CC</span></td><td bgcolor="#000099" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#000099</span></td><td bgcolor="#000066" valign="top" width="87"><span style="color: white;">#000066</span></td><td bgcolor="#000033" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#000033</span></td><td bgcolor="#000000" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#000000</span></td></tr> </tbody></table> </center> <br /> <br /> Web developers and bloggers are requested to attach a link-back to this blog if they wish to share this chart with their readers.<br /> I would love to know how you liked it. Any comment is appreciated.<br /> <span class="fullpost" style="background-color: white; color: #333333; display: inline; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;"></span><br /> </div>

Embeddable “CSS Color Chart” – 216 Hexadecimal Values

Below is an embeddable  Web Colour Chart  most probably known as  hexadecimal colour chart . The chart below consists of a total 216 hex...

Read more »