<html lang="en">
<head>
    <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">
  <title></title>
          
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Muli:300,400" rel="stylesheet" type="text/css">

<!--   CSS for 147 Colors   -->
<link href="http://www.colorname.xyz/style.css" rel="stylesheet" type="text/css"> 
    
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<header class="lv-bg">
  <h1 class="site-title">colors by list</h1>
  <p>this is my colorname experiment</p>  
</header>
  
          
<!--    color palettes       -->
  
  <div class="container-fluid inner">
  <table class="tableizer-table">
  <tr class="tableizer-firstrow"><th>HTML</th><th>Colorname</th><th>Hex Value</th><th>RGB Value</th><th>RGBA Value</th><th>Class Selector</th></tr>
   
   <tr><td><div class="c ab-bg"></div></td><td>aliceblue</td><td>#F0F8FF</td><td>rgb(240,248,255)</td><td>rgba(240,248,255,0)</td><td>.ab-bg</td></tr>
   <tr><td><div class="c aw-bg"></div></td><td>antiquewhite</td><td>#FAEBD7</td><td>rgb(250,235,215)</td><td>rgb(250,235,215)</td><td>.aw-bg</td></tr>
   <tr><td><div class="c aq-bg"></div></td><td>aqua</td><td>#00FFFF</td><td>rgb(0,255,255)</td><td>rgba(0,255,255,0)</td><td>.aq-bg</td></tr>
   <tr><td><div class="c am-bg"></div></td><td>aquamarine</td><td>#7FFFD4</td><td>rgb(127,255,212)</td><td>rgba(127,255,212,0)</td><td>.am-bg</td></tr>
   <tr><td><div class="c az-bg"></div></td><td>azure</td><td>#F0FFFF</td><td>rgb(240,255,255)</td><td>rgba(240,255,255,0)</td><td>.az-bg</td></tr>
   <tr><td><div class="c bi-bg"></div></td><td>beige</td><td>#F5F5DC</td><td>rgb(245,245,220)</td><td>rgba(245,245,220,0)</td><td>.be-bg</td></tr>
   <tr><td><div class="c bi-bg"></div></td><td>bisque</td><td>#FFE4C4</td><td>rgb(255,228,196)</td><td>rgba(255,228,196,0)</td><td>.bi-bg</td></tr>
   <tr><td><div class="c k-bg"></div></td><td>black</td><td>#000000</td><td>rgb(0,0,0)</td><td>rgba(0,0,0)</td><td>.k-bg</td></tr>
   <tr><td><div class="c ba-bg"></div></td><td>blanchedalmond</td><td>#FFEBCD</td><td>rgb(255,235,205)</td><td>rgba(255,235,205,0)</td><td>.ba-bg</td></tr>
   <tr><td><div class="c b-bg"></div></td><td>blue</td><td>#0000FF</td><td>rgb(0,0,255)</td><td>rgba(0,0,255,0)</td><td>.b-bg</td></tr>
   <tr><td><div class="c bv-bg"></div></td><td>blueviolet</td><td>#8A2BE2</td><td>rgb(138,43,226)</td><td>rgba(138,43,226,0)</td><td>.bv-bg</td></tr>
   <tr><td><div class="c bn-bg"></div></td><td>brown</td><td>#A52A2A</td><td>rgb(165,42,42)</td><td>rgba(165,42,42,0)</td><td>.bn-bg</td></tr>
   <tr><td><div class="c bw-bg"></div></td><td>burlywood</td><td>#DEB887</td><td>rgb(222,184,135)</td><td>rgba(222,184,135,0)</td><td>.bw-bg</td></tr>
   <tr><td><div class="c cb-bg"></div></td><td>cadetblue</td><td>#5F9EA0</td><td>rgb(95,158,160)</td><td>rgba(95,158,160,0)</td><td>.cb-bg</td></tr>
   <tr><td><div class="c ca-bg"></div></td><td>chartreuse</td><td>#7FFF00</td><td>rgb(127,255,0)</td><td>rgba(127,255,0,0)</td><td>.ca-bg</td></tr>
   <tr><td><div class="c ch-bg"></div></td><td>chocolate</td><td>#D2691E</td><td>rgb(210,105,30)</td><td>rgba(210,105,30,0)</td><td>.ch-bg</td></tr>
   <tr><td><div class="c co-bg"></div></td><td>coral</td><td>#FF7F50</td><td>rgb(255,127,80)</td><td>rgba(255,127,80,0)</td><td>.co-bg</td></tr>
   <tr><td><div class="c cf-bg"></div></td><td>cornflowerblue</td><td>#6495ED</td><td>rgb(100,149,237)</td><td>rgba(100,149,237,0)</td><td>.cf-bg</td></tr>
   <tr><td><div class="c cs-bg"></div></td><td>cornsilk</td><td>#FFF8DC</td><td>rgb(255,248,220)</td><td>rgba(255,248,220,0)</td><td>.cs-bg</td></tr>
   <tr><td><div class="c cr-bg"></div></td><td>crimson</td><td>#DC143C</td><td>rgb(220,20,60)</td><td>rgba(220,20,60,0)</td><td>.cr-bg</td></tr>
   <tr><td><div class="c c-bg"></div></td><td>cyan</td><td>#00FFFF</td><td>rgb(0,255,255)</td><td>rgba(0,255,255,0)</td><td>.c-bg</td></tr>
   <tr><td><div class="c db-bg"></div></td><td>darkblue</td><td>#00008B</td><td>rgb(0,0,139)</td><td>rgba(0,0,139,0)</td><td>.db-bg</td></tr>
   <tr><td><div class="c dc-bg"></div></td><td>darkcyan</td><td>#008B8B</td><td>rgb(0,139,139)</td><td>rgba(0,139,139,0)</td><td>.dc-bg</td></tr>
   <tr><td><div class="c dgr-bg"></div></td><td>darkgoldenrod</td><td>#B8860B</td><td>rgb(184,134,11)</td><td>rgba(184,134,11,0)</td><td>.dgr-bg</td></tr>
   <tr><td><div class="c de-bg"></div></td><td>darkgray</td><td>#A9A9A9</td><td>rgb(169,169,169)</td><td>rgba(169,169,169,0)</td><td>.de-bg</td></tr>
   <tr><td><div class="c dg-bg"></div></td><td>darkgreen</td><td>#006400</td><td>rgb(0,100,0)</td><td>rgba(0,100,0,0)</td><td>.dg-bg</td></tr>
   <tr><td><div class="c de-bg"></div></td><td>darkgrey</td><td>#A9A9A9</td><td>rgb(169,169,169)</td><td>rgba(169,169,169,0)</td><td>.de-bg</td></tr>
   <tr><td><div class="c dk-bg"></div></td><td>darkkhaki</td><td>#BDB76B</td><td>rgb(189,183,107)</td><td>rgba(189,183,107,0)</td><td>.dk-bg</td></tr>
   <tr><td><div class="c dm-bg"></div></td><td>darkmagenta</td><td>#8B008B</td><td>rgb(139,0,139)</td><td>rgba(139,0,139,0)</td><td>.dm-bg</td></tr>
   <tr><td><div class="c dog-bg"></div></td><td>darkolivegreen</td><td>#556B2F</td><td>rgb(85,107,47)</td><td>rgba(85,107,47,0)</td><td>.dog-bg</td></tr>
   <tr><td><div class="c do-bg"></div></td><td>darkorange</td><td>#FF8C00</td><td>rgb(255,140,0)</td><td>rgba(255,140,0,0)</td><td>.do-bg</td></tr>
   <tr><td><div class="c dh-bg"></div></td><td>darkorchid</td><td>#9932CC</td><td>rgb(153,50,204)</td><td>rgba(153,50,204,0)</td><td>.dh-bg</td></tr>
   <tr><td><div class="c dr-bg"></div></td><td>darkred</td><td>#8B0000</td><td>rgb(139,0,0)</td><td>rgba(139,0,0,0)</td><td>.dr-bg</td></tr>
   <tr><td><div class="c ds-bg"></div></td><td>darksalmon</td><td>#E9967A</td><td>rgb(233,150,122)</td><td>rgba(233,150,122,0)</td><td>.ds-bg</td></tr>
   <tr><td><div class="c dsg-bg"></div></td><td>darkseagreen</td><td>#8FBC8F</td><td>rgb(143,188,143)</td><td>rgba(143,188,143,0)</td><td>.dsg-bg</td></tr>
   <tr><td><div class="c dsb-bg"></div></td><td>darkslateblue</td><td>#483D8B</td><td>rgb(72,61,139)</td><td>rgba(72,61,139,0)</td><td>.dsb-bg</td></tr>
   <tr><td><div class="c dse-bg"></div></td><td>darkslategray</td><td>#2F4F4F</td><td>rgb(47,79,79)</td><td>rgba(47,79,79,0)</td><td>.dse-bg</td></tr>
   <tr><td><div class="c dse-bg"></div></td><td>darkslategrey</td><td>#2F4F4F</td><td>rgb(47,79,79)</td><td>rgba(47,79,79,0)</td><td>.dse-bg</td></tr>
   <tr><td><div class="c dt-bg"></div></td><td>darkturquoise</td><td>#00CED1</td><td>rgb(0,206,209)</td><td>rgba(0,206,209,0)</td><td>.dt-bg</td></tr>
   <tr><td><div class="c dv-bg"></div></td><td>darkviolet</td><td>#9400D3</td><td>rgb(148,0,211)</td><td>rgba(148,0,211,0)</td><td>.dv-bg</td></tr>
   <tr><td><div class="c dp-bg"></div></td><td>deeppink</td><td>#FF1493</td><td>rgb(255,20,147)</td><td>rgba(255,20,147,0)</td><td>.dp-bg</td></tr>
   <tr><td><div class="c dyb-bg"></div></td><td>deepskyblue</td><td>#00BFFF</td><td>rgb(0,191,255)</td><td>rgba(0,191,255,0)</td><td>.dyb-bg</td></tr>
   <tr><td><div class="c di-bg"></div></td><td>dimgray</td><td>#696969</td><td>rgb(105,105,105)</td><td>rgba(105,105,105,0)</td><td>.di-bg</td></tr>
   <tr><td><div class="c di-bg"></div></td><td>dimgrey</td><td>#696969</td><td>rgb(105,105,105)</td><td>rgba(105,105,105,0)</td><td>.di-bg</td></tr>
   <tr><td><div class="c dob-bg"></div></td><td>dodgerblue</td><td>#1E90FF</td><td>rgb(30,144,255)</td><td>rgba(30,144,255,0)</td><td>.dob-bg</td></tr>
   <tr><td><div class="c fb-bg"></div></td><td>firebrick</td><td>#B22222</td><td>rgb(178,34,34)</td><td>rgba(178,34,34,0)</td><td>.fb-bg</td></tr>
   <tr><td><div class="c fw-bg"></div></td><td>floralwhite</td><td>#FFFAF0</td><td>rgb(255,250,240)</td><td>rgba(255,250,240,0)</td><td>.fw-bg</td></tr>
   <tr><td><div class="c fg-bg"></div></td><td>forestgreen</td><td>#228B22</td><td>rgb(34,139,34)</td><td>rgba(34,139,34,0)</td><td>.fg-bg</td></tr>
   <tr><td><div class="c fu-bg"></div></td><td>fuchsia</td><td>#FF00FF</td><td>rgb(255,0,255)</td><td>rgba(255,0,255,0)</td><td>.fu-bg</td></tr>
   <tr><td><div class="c gb-bg"></div></td><td>gainsboro</td><td>#DCDCDC</td><td>rgb(220,220,220)</td><td>rgba(220,220,220,0)</td><td>.gb-bg</td></tr>
   <tr><td><div class="c gw-bg"></div></td><td>ghostwhite</td><td>#F8F8FF</td><td>rgb(248,248,255)</td><td>rgba(248,248,255,0)</td><td>.gw-bg</td></tr>
   <tr><td><div class="c gd-bg"></div></td><td>gold</td><td>#FFD700</td><td>rgb(255,215,0)</td><td>rgba(255,215,0,0)</td><td>.gd-bg</td></tr>
   <tr><td><div class="c gr-bg"></div></td><td>goldenrod</td><td>#DAA520</td><td>rgb(218,165,32)</td><td>rgba(218,165,32,0)</td><td>.gr-bg</td></tr>
   <tr><td><div class="c ge-bg"></div></td><td>gray</td><td>#808080</td><td>rgb(128,128,128)</td><td>rgba(128,128,128,0)</td><td>.ge-bg</td></tr>
   <tr><td><div class="c g-bg"></div></td><td>green</td><td>#008000</td><td>rgb(0,128,0)</td><td>rgba(0,128,0,0)</td><td>.g-bg</td></tr>
   <tr><td><div class="c gy-bg"></div></td><td>greenyellow</td><td>#ADFF2F</td><td>rgb(173,255,47)</td><td>rgba(173,255,47,0)</td><td>.gy-bg</td></tr>
   <tr><td><div class="c ge-bg"></div></td><td>grey</td><td>#808080</td><td>rgb(128,128,128)</td><td>rgba(128,128,128,0)</td><td>.ge-bg</td></tr>
   <tr><td><div class="c hd-bg"></div></td><td>honeydew</td><td>#F0FFF0</td><td>rgb(240,255,240)</td><td>rgba(240,255,240,0)</td><td>.hd-bg</td></tr>
   <tr><td><div class="c hp-bg"></div></td><td>hotpink</td><td>#FF69B4</td><td>rgb(255,105,180)</td><td>rgba(255,105,180,0)</td><td>.hp-bg</td></tr>
   <tr><td><div class="c ir-bg"></div></td><td>indianred</td><td>#CD5C5C</td><td>rgb(205,92,92)</td><td>rgba(205,92,92,0)</td><td>.ir-bg</td></tr>
   <tr><td><div class="c ig-bg"></div></td><td>indigo</td><td>#4B0082</td><td>rgb(75,0,130)</td><td>rgba(75,0,130,0)</td><td>.ig-bg</td></tr>
   <tr><td><div class="c iv-bg"></div></td><td>ivory</td><td>#FFFFF0</td><td>rgb(255,255,240)</td><td>rgba(255,255,240,0)</td><td>.iv-bg</td></tr>
   <tr><td><div class="c kh-bg"></div></td><td>khaki</td><td>#F0E68C</td><td>rgb(240,230,140)</td><td>rgba(240,230,140,0)</td><td>.kh-bg</td></tr>
   <tr><td><div class="c lr-bg"></div></td><td>lavender</td><td>#E6E6FA</td><td>rgb(230,230,250)</td><td>rgba(230,230,250,0)</td><td>.lv-bg</td></tr>
   <tr><td><div class="c ln-bg"></div></td><td>lavenderblush</td><td>#FFF0F5</td><td>rgb(255,240,245)</td><td>rgba(255,240,245,0)</td><td>.lr-bg</td></tr>
   <tr><td><div class="c ln-bg"></div></td><td>lawngreen</td><td>#7CFC00</td><td>rgb(124,252,0)</td><td>rgba(124,252,0,0)</td><td>.ln-bg</td></tr>
   <tr><td><div class="c lf-bg"></div></td><td>lemonchiffon</td><td>#FFFACD</td><td>rgb(255,250,205)</td><td>rgba(255,250,205,0)</td><td>.lf-bg</td></tr>
   <tr><td><div class="c lb-bg"></div></td><td>lightblue</td><td>#ADD8E6</td><td>rgb(173,216,230)</td><td>rgba(173,216,230,0)</td><td>.lb-bg</td></tr>
   <tr><td><div class="c la-bg"></div></td><td>lightcoral</td><td>#F08080</td><td>rgb(240,128,128)</td><td>rgba(240,128,128,0)</td><td>.la-bg</td></tr>
   <tr><td><div class="c lc-bg"></div></td><td>lightcyan</td><td>#E0FFFF</td><td>rgb(224,255,255)</td><td>rgba(224,255,255,0)</td><td>.lc-bg</td></tr>
   <tr><td><div class="c lgry-bg"></div></td><td>lightgoldenrodyellow</td><td>#FAFAD2</td><td>rgb(250,250,210)</td><td>rgba(250,250,210,0)</td><td>.lgry-bg</td></tr>
   <tr><td><div class="c le-bg"></div></td><td>lightgray</td><td>#D3D3D3</td><td>rgb(211,211,211)</td><td>rgba(211,211,211,0)</td><td>.le-bg</td></tr>
   <tr><td><div class="c lg-bg"></div></td><td>lightgreen</td><td>#90EE90</td><td>rgb(144,238,144)</td><td>rgba(144,238,144,0)</td><td>.lg-bg</td></tr>
   <tr><td><div class="c le-bg"></div></td><td>lightgrey</td><td>#D3D3D3</td><td>rgb(211,211,211)</td><td>rgba(211,211,211,0)</td><td>.le-bg</td></tr>
   <tr><td><div class="c lp-bg"></div></td><td>lightpink</td><td>#FFB6C1</td><td>rgb(255,182,193)</td><td>rgba(255,182,193,0)</td><td>.lp-bg</td></tr>
   <tr><td><div class="c ls-bg"></div></td><td>lightsalmon</td><td>#FFA07A</td><td>rgb(255,160,122)</td><td>rgba(255,160,122,0)</td><td>.ls-bg</td></tr>
   <tr><td><div class="c lsg-bg"></div></td><td>lightseagreen</td><td>#20B2AA</td><td>rgb(32,178,170)</td><td>rgba(32,178,170,0)</td><td>.lsg-bg</td></tr>
   <tr><td><div class="c lsb-bg"></div></td><td>lightskyblue</td><td>#87CEFA</td><td>rgb(135,206,250)</td><td>rgba(135,206,250,0)</td><td>.lsb-bg</td></tr>
   <tr><td><div class="c lse-bg"></div></td><td>lightslategray</td><td>#778899</td><td>rgb(119,136,153)</td><td>rgba(119,136,153,0)</td><td>.lse-bg</td></tr>
   <tr><td><div class="c lse-bg"></div></td><td>lightslategrey</td><td>#778899</td><td>rgb(119,136,153)</td><td>rgba(119,136,153,0)</td><td>.lse-bg</td></tr>
   <tr><td><div class="c lsl-bg"></div></td><td>lightsteelblue</td><td>#B0C4DE</td><td>rgb(176,196,222)</td><td>rgba(176,196,222,0)</td><td>.lsl-bg</td></tr>
   <tr><td><div class="c ly-bg"></div></td><td>lightyellow</td><td>#FFFFE0</td><td>rgb(255,255,224)</td><td>rgba(255,255,224,0)</td><td>.ly-bg</td></tr>
   <tr><td><div class="c lm-bg"></div></td><td>lime</td><td>#00FF00</td><td>rgb(0,255,0)</td><td>rgba(0,255,0,0)</td><td>.lm-bg</td></tr>
   <tr><td><div class="c lmg-bg"></div></td><td>limegreen</td><td>#32CD32</td><td>rgb(50,205,50)</td><td>rgba(50,205,50,0)</td><td>.lmg-bg</td></tr>
   <tr><td><div class="c li-bg"></div></td><td>linen</td><td>#FAF0E6</td><td>rgb(250,240,230)</td><td>rgba(250,240,230,0)</td><td>.li-bg</td></tr>
   <tr><td><div class="c m-bg"></div></td><td>magenta</td><td>#FF00FF</td><td>rgb(255,0,255)</td><td>rgba(255,0,255,0)</td><td>.m-bg</td></tr>
   <tr><td><div class="c ma-bg"></div></td><td>maroon</td><td>#800000</td><td>rgb(128,0,0)</td><td>rgba(128,0,0,0)</td><td>.ma-bg</td></tr>
   <tr><td><div class="c mam-bg"></div></td><td>mediumaquamarine</td><td>#66CDAA</td><td>rgb(102,205,170)</td><td>rgba(102,205,170,0)</td><td>.mam-bg</td></tr>
   <tr><td><div class="c mb-bg"></div></td><td>mediumblue</td><td>#0000CD</td><td>rgb(0,0,205)</td><td>rgba(0,0,205,0)</td><td>.mb-bg</td></tr>
   <tr><td><div class="c mo-bg"></div></td><td>mediumorchid</td><td>#BA55D3</td><td>rgb(186,85,211)</td><td>rgba(186,85,211,0)</td><td>.mo-bg</td></tr>
   <tr><td><div class="c mp-bg"></div></td><td>mediumpurple</td><td>#9370DB</td><td>rgb(147,112,219)</td><td>rgba(147,112,219,0)</td><td>.mp-bg</td></tr>
   <tr><td><div class="c msg-bg"></div></td><td>mediumseagreen</td><td>#3CB371</td><td>rgb(60,179,113)</td><td>rgba(60,179,113,0)</td><td>.msg-bg</td></tr>
   <tr><td><div class="c msb-bg"></div></td><td>mediumslateblue</td><td>#7B68EE</td><td>rgb(123,104,238)</td><td>rgba(123,104,238,0)</td><td>.msb-bg</td></tr>
   <tr><td><div class="c mpg-bg"></div></td><td>mediumspringgreen</td><td>#00FA9A</td><td>rgb(0,250,154)</td><td>rgba(0,250,154,0)</td><td>.mpg-bg</td></tr>
   <tr><td><div class="c mt-bg"></div></td><td>mediumturquoise</td><td>#48D1CC</td><td>rgb(72,209,204)</td><td>rgba(72,209,204,0)</td><td>.mt-bg</td></tr>
   <tr><td><div class="c mvr-bg"></div></td><td>mediumvioletred</td><td>#C71585</td><td>rgb(199,21,133)</td><td>rgba(199,21,133,0)</td><td>.mvr-bg</td></tr>
   <tr><td><div class="c mib-bg"></div></td><td>midnightblue</td><td>#191970</td><td>rgb(25,25,112)</td><td>rgba(25,25,112,0)</td><td>.mib-bg</td></tr>
   <tr><td><div class="c mc-bg"></div></td><td>mintcream</td><td>#F5FFFA</td><td>rgb(245,255,250)</td><td>rgba(245,255,250,0)</td><td>.mc-bg</td></tr>
   <tr><td><div class="c mr-bg"></div></td><td>mistyrose</td><td>#FFE4E1</td><td>rgb(255,228,225)</td><td>rgba(255,228,225,0)</td><td>.mr-bg</td></tr>
   <tr><td><div class="c mn-bg"></div></td><td>moccasin</td><td>#FFE4B5</td><td>rgb(255,228,181)</td><td>rgba(255,228,181,0)</td><td>.mn-bg</td></tr>
   <tr><td><div class="c nw-bg"></div></td><td>navajowhite</td><td>#FFDEAD</td><td>rgb(255,222,173)</td><td>rgba(255,222,173,0)</td><td>.nw-bg</td></tr>
   <tr><td><div class="c na-bg"></div></td><td>navy</td><td>#000080</td><td>rgb(0,0,128)</td><td>rgba(0,0,128,0)</td><td>.na-bg</td></tr>
   <tr><td><div class="c ol-bg"></div></td><td>oldlace</td><td>#FDF5E6</td><td>rgb(253,245,230)</td><td>rgba(253,245,230,0)</td><td>.ol-bg</td></tr>
   <tr><td><div class="c oi-bg"></div></td><td>olive</td><td>#808000</td><td>rgb(128,128,0)</td><td>rgba(128,128,0,0)</td><td>.oi-bg</td></tr>
   <tr><td><div class="c od-bg"></div></td><td>olivedrab</td><td>#6B8E23</td><td>rgb(107,142,35)</td><td>rgba(107,142,35,0)</td><td>.od-bg</td></tr>
   <tr><td><div class="c o-bg"></div></td><td>orange</td><td>#FFA500</td><td>rgb(255,165,0)</td><td>rgba(255,165,0,0)</td><td>.o-bg</td></tr>
   <tr><td><div class="c or-bg"></div></td><td>orangered</td><td>#FF4500</td><td>rgb(255,69,0)</td><td>rgba(255,69,0,0)</td><td>.or-bg</td></tr>
   <tr><td><div class="c oc-bg"></div></td><td>orchid</td><td>#DA70D6</td><td>rgb(218,112,214)</td><td>rgba(218,112,214,0)</td><td>.oc-bg</td></tr>
   <tr><td><div class="c pgr-bg"></div></td><td>palegoldenrod</td><td>#EEE8AA</td><td>rgb(238,232,170)</td><td>rgba(238,232,170,0)</td><td>.pgr-bg</td></tr>
   <tr><td><div class="c pg-bg"></div></td><td>palegreen</td><td>#98FB98</td><td>rgb(152,251,152)</td><td>rgba(152,251,152,0)</td><td>.pg-bg</td></tr>
   <tr><td><div class="c pt-bg"></div></td><td>paleturquoise</td><td>#AFEEEE</td><td>rgb(175,238,238)</td><td>rgba(175,238,238,0)</td><td>.pt-bg</td></tr>
   <tr><td><div class="c pvr-bg"></div></td><td>palevioletred</td><td>#DB7093</td><td>rgb(219,112,147)</td><td>rgba(219,112,147,0)</td><td>.pvr-bg</td></tr>
   <tr><td><div class="c pw-bg"></div></td><td>papayawhip</td><td>#FFEFD5</td><td>rgb(255,239,213)</td><td>rgba(255,239,213,0)</td><td>.pw-bg</td></tr>
   <tr><td><div class="c pp-bg"></div></td><td>peachpuff</td><td>#FFDAB9</td><td>rgb(255,218,185)</td><td>rgba(255,218,185,0)</td><td>.pp-bg</td></tr>
   <tr><td><div class="c pe-bg"></div></td><td>peru</td><td>#CD853F</td><td>rgb(205,133,63)</td><td>rgba(205,133,63,0)</td><td>.pe-bg</td></tr>
   <tr><td><div class="c pi-bg"></div></td><td>pink</td><td>#FFC0CB</td><td>rgb(255,192,203)</td><td>rgba(255,192,203,0)</td><td>.pi-bg</td></tr>
   <tr><td><div class="c pl-bg"></div></td><td>plum</td><td>#DDA0DD</td><td>rgb(221,160,221)</td><td>rgba(221,160,221,0)</td><td>.pl-bg</td></tr>
   <tr><td><div class="c pb-bg"></div></td><td>powderblue</td><td>#B0E0E6</td><td>rgb(176,224,230)</td><td>rgba(176,224,230,0)</td><td>.pb-bg</td></tr>
   <tr><td><div class="c pr-bg"></div></td><td>purple</td><td>#800080</td><td>rgb(128,0,128)</td><td>rgba(128,0,128,0)</td><td>.pr-bg</td></tr>
   <tr><td><div class="c r-bg"></div></td><td>red</td><td>#FF0000</td><td>rgb(255,0,0)</td><td>rgba(255,0,0,0)</td><td>.r-bg</td></tr>
   <tr><td><div class="c rr-bg"></div></td><td>rosybrown</td><td>#BC8F8F</td><td>rgb(188,143,143)</td><td>rgba(188,143,143,0)</td><td>.rr-bg</td></tr>
   <tr><td><div class="c rb-bg"></div></td><td>royalblue</td><td>#4169E1</td><td>rgb(65,105,225)</td><td>rgba(65,105,225,0)</td><td>.rb-bg</td></tr>
   <tr><td><div class="c sd-bg"></div></td><td>saddlebrown</td><td>#8B4513</td><td>rgb(139,69,19)</td><td>rgba(139,69,19,0)</td><td>.sd-bg</td></tr>
   <tr><td><div class="c sa-bg"></div></td><td>salmon</td><td>#FA8072</td><td>rgb(250,128,114)</td><td>rgba(250,128,114,0)</td><td>.sa-bg</td></tr>
   <tr><td><div class="c sw-bg"></div></td><td>sandybrown</td><td>#F4A460</td><td>rgb(244,164,96)</td><td>rgba(244,164,96,0)</td><td>.sw-bg</td></tr>
   <tr><td><div class="c sg-bg"></div></td><td>seagreen</td><td>#2E8B57</td><td>rgb(46,139,87)</td><td>rgba(46,139,87,0)</td><td>.sg-bg</td></tr>
   <tr><td><div class="c ss-bg"></div></td><td>seashell</td><td>#FFF5EE</td><td>rgb(255,245,238)</td><td>rgba(255,245,238,0)</td><td>.ss-bg</td></tr>
   <tr><td><div class="c sn-bg"></div></td><td>sienna</td><td>#A0522D</td><td>rgb(160,82,45)</td><td>rgba(160,82,45,0)</td><td>.sn-bg</td></tr>
   <tr><td><div class="c si-bg"></div></td><td>silver</td><td>#C0C0C0</td><td>rgb(192,192,192)</td><td>rgba(192,192,192,0)</td><td>.si-bg</td></tr>
   <tr><td><div class="c sb-bg"></div></td><td>skyblue</td><td>#87CEEB</td><td>rgb(135,206,235)</td><td>rgba(135,206,235,0)</td><td>.sb-bg</td></tr>
   <tr><td><div class="c sl-bg"></div></td><td>slateblue</td><td>#6A5ACD</td><td>rgb(106,90,205)</td><td>rgba(106,90,205,0)</td><td>.sl-bg</td></tr>
   <tr><td><div class="c se-bg"></div></td><td>slategray</td><td>#708090</td><td>rgb(112,128,144)</td><td>rgba(112,128,144,0)</td><td>.se-bg</td></tr>
   <tr><td><div class="c se-bg"></div></td><td>slategrey</td><td>#708090</td><td>rgb(112,128,144)</td><td>rgba(112,128,144,0)</td><td>.se-bg</td></tr>
   <tr><td><div class="c so-bg"></div></td><td>snow</td><td>#FFFAFA</td><td>rgb(255,250,250)</td><td>rgba(255,250,250,0)</td><td>.so-bg</td></tr>
   <tr><td><div class="c sr-bg"></div></td><td>springgreen</td><td>#00FF7F</td><td>rgb(0,255,127)</td><td>rgba(0,255,127,0)</td><td>.sr-bg</td></tr>
   <tr><td><div class="c su-bg"></div></td><td>steelblue</td><td>#4682B4</td><td>rgb(70,130,180)</td><td>rgba(70,130,180,0)</td><td>.su-bg</td></tr>
   <tr><td><div class="c ta-bg"></div></td><td>tan</td><td>#D2B48C</td><td>rgb(210,180,140)</td><td>rgba(70,130,180,0)</td><td>.ta-bg</td></tr>
   <tr><td><div class="c te-bg"></div></td><td>teal</td><td>#008080</td><td>rgb(0,128,128)</td><td>rgba(0,128,128,0)</td><td>.te-bg</td></tr>
   <tr><td><div class="c th-bg"></div></td><td>thistle</td><td>#D8BFD8</td><td>rgb(216,191,216)</td><td>rgba(216,191,216,0)</td><td>.th-bg</td></tr>
   <tr><td><div class="c to-bg"></div></td><td>tomato</td><td>#FF6347</td><td>rgb(255,99,71)</td><td>rgba(255,99,71,0)</td><td>.to-bg</td></tr>
   <tr><td><div class="c tu-bg"></div></td><td>turquoise</td><td>#40E0D0</td><td>rgb(64,224,208)</td><td>rgba(64,224,208,0)</td><td>.tu-bg</td></tr>
   <tr><td><div class="c v-bg"></div></td><td>violet</td><td>#EE82EE</td><td>rgb(238,130,238)</td><td>rgba(238,130,238,0)</td><td>.v-bg</td></tr>
   <tr><td><div class="c wh-bg"></div></td><td>wheat</td><td>#F5DEB3</td><td>rgb(245,222,179)</td><td>rgba(245,222,179,0)</td><td>.wh-bg</td></tr>
   <tr><td><div class="c w-bg"></div></td><td>white</td><td>#FFFFFF</td><td>rgb(255,255,255)</td><td>rgba(255,255,255,0)</td><td>.w-bg</td></tr>
   <tr><td><div class="c ws-bg"></div></td><td>whitesmoke</td><td>#F5F5F5</td><td>rgb(245,245,245)</td><td>rgba(245,245,245,0)</td><td>.ws-bg</td></tr>
   <tr><td><div class="c y-bg"></div></td><td>yellow</td><td>#FFFF00</td><td>rgb(255,255,0)</td><td>rgba(255,255,0,0)</td><td>.y-bg</td></tr>
   <tr><td><div class="c yg-bg"></div></td><td>yellowgreen</td><td>#9ACD32</td><td>rgb(154,205,50)</td><td>rgba(154,205,50,0)</td><td>.yg-bg</td></tr>
  </table>

  </div>
  
/* elements */
body {
  font: 400 16px 'Muli', sans-serif !important;
  margin: 0;
  padding: 0;
}

header {
  margin: 0;
  max-width: 100%;
  padding: 5px;
  text-align: center;
  overflow: auto;
}

ul{
  list-style-type: none;
  margin: 0 auto;
  padding: 0
}

li{
  background: slategrey;
  display: inline-block;
  margin: 5px;
  padding: 5px 7px;
}

li > a {
  color: white; 
  font-size: 16px;
}

li > a:hover{
  color: #262626;
  text-decoration: none;
}

.inner {
  padding: 30px;
}
/* headings */

.container-fluid h2 {
  font-family: 'Montserrat', sans-serif;
}

.site-title {
  font-size: 50px;
  font-weight: 300;
  text-transform: uppercase;
}

/* text colors */

.black,
.k {
  font-color: #262626;
}

/* background colors */

.sq {
  /*  alignment  */
  float: left;
  margin: 5px;
  /*  size  */
  width: 200px;
  height: 200px;
  /*  box text  */
  color: #262626;
  text-align: center;
}

.sq:hover {
  border: 6px solid rgba(255,255,255, 0.5);
}

.sq p {
  vertical-align: middle;
  text-align: center;
  position: relative;
  top: 40px;
}

.c {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  margin: 10px;
}

/* table */
table{
  margin: 10px auto;
}

table > tbody > tr.tableizer-firstrow > th {
  padding: 10px;
  background: lavenderblush;
}

body > div.container-fluid.inner > table > tbody > tr > td{
  border: 4px solid #fff;
  width: 170px;
  padding: 10px;
  background: #f8f8f8;
}
// This is my guide + stylesheet for 147 colornames
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.