View source for X11 Color Names

The basic formatting allows only for a three colors: !!(blue)blue!!, !!(red)red!!, !!(green)green!!.

!!(blue) blue color!!
??red (emphasis)??

What about yellow? What about indigo? And what about background colors?

====How to use more than 140 colors as foreground and background.====

The **syntax** is the same as it is in the original formatting. The only extension is that ##""??""## starts and ends setting the background color. You could get colors like this:

#||
|| ##""!!(lightblue) lightblue!!""## | <#<span style="color: lightblue">lightblue</span>#>  ||
|| ##""??(plum) plum background??""## | <#<span style="background-color: plum">plum background</span>#> ||
|| or even something like this: ||
|| ##""**??(indigo)!!(lime) bold lime fore color and indigo background!!??**""## | <#<span style="color: lime; background-color: indigo;"><b>bold lime for color and indigo background</b></span>#> ||
||#

====What you need to do====
Enable ##allow_x11colors## in your Secondary Config via the ((/Doc/English/AdminPanel Admin Panel)) in the Formatter section.

Here are the colors you may choose from as displayed at ((http://en.wikipedia.org/wiki/Web_colors Wikipedia)):

<#
<table class="wikitable">
<tr>
<th>color</th>
<th>hexadecimal</th>
<th>color</th>
<th>hexadecimal</th>
</tr>
<tr>
<td>indianred</td>
<td style="background:#cd5c5c; color:#ffffff; font-family:monospace;">#cd5c5c</td>
<td>darksalmon</td>
<td style="background:#e9967a; color:#ffffff; font-family:monospace;">#e9967a</td>
</tr>
<tr>
<td>lightcoral</td>
<td style="background:#f08080; color:#ffffff; font-family:monospace;">#f08080</td>
<td>salmon</td>
<td style="background:#fa8072; color:#ffffff; font-family:monospace;">#fa8072</td>
</tr>
<tr>
<td>orangered</td>
<td style="background:#ff4500; color:#ffffff; font-family:monospace;">#ff4500</td>
<td>red</td>
<td style="background:#ff0000; color:#ffffff; font-family:monospace;">#ff0000</td>
</tr>
<tr>
<td>crimson</td>
<td style="background:#dc143c; color:#ffffff; font-family:monospace;">#dc143c</td>
<td>firebrick</td>
<td style="background:#b22222; color:#ffffff; font-family:monospace;">#b22222</td>
</tr>
<tr>
<td>darkred</td>
<td style="background:#8b0000; color:#ffffff; font-family:monospace;">#8b0000</td>
<td>mediumvioletred</td>
<td style="background:#c71585; color:#ffffff; font-family:monospace;">#c71585</td>
</tr>
<tr>
<td>pink</td>
<td style="background:#ffc0cb; font-family:monospace;">#ffc0cb</td>
<td>lightpink</td>
<td style="background:#ffb6c1; font-family:monospace;">#ffb6c1</td>
</tr>
<tr>
<td>hotpink</td>
<td style="background:#ff69b4; font-family:monospace;">#ff69b4</td>
<td>deeppink</td>
<td style="background:#ff1493; font-family:monospace;">#ff1493</td>
</tr>
<tr>
<td>palevioletred</td>
<td style="background:#db7093; font-family:monospace;">#db7093</td>
<td>darkkhaki</td>
<td style="background:#bdb76b; font-family:monospace;">#bdb76b</td>
</tr>
<tr>
<td>khaki</td>
<td style="background:#f0e68c; font-family:monospace;">#f0e68c</td>
<td>palegoldenrod</td>
<td style="background:#eee8aa; font-family:monospace;">#eee8aa</td>
</tr>
<tr>
<td>lightgoldenrodyellow</td>
<td style="background:#fafad2; font-family:monospace;">#fafad2</td>
<td>lightyellow</td>
<td style="background:#ffffe0; font-family:monospace;">#ffffe0</td>
</tr>
<tr>
<td>lemonchiffon</td>
<td style="background:#fffacd; font-family:monospace;">#fffacd</td>
<td>yellow</td>
<td style="background:#ffff00; font-family:monospace;">#ffff00</td>
</tr>
<tr>
<td>gold</td>
<td style="background:#ffd700; font-family:monospace;">#ffd700</td>
<td>papayawhip</td>
<td style="background:#ffefd5; font-family:monospace;">#ffefd5</td>
</tr>
<tr>
<td>moccasin</td>
<td style="background:#ffe4b5; font-family:monospace;">#ffe4b5</td>
<td>peachpuff</td>
<td style="background:#ffdab9; font-family:monospace;">#ffdab9</td>
</tr>
<tr>
<td>cyan</td>
<td style="background:#00ffff; font-family:monospace;">#00ffff</td>
<td>aqua</td>
<td style="background:#00ffff; font-family:monospace;">#00ffff</td>
</tr>
<tr>
<td>aquamarine</td>
<td style="background:#7fffd4; font-family:monospace;">#7fffd4</td>
<td>turquoise</td>
<td style="background:#40e0d0; font-family:monospace;">#40e0d0</td>
</tr>
<tr>
<td>mediumturquoise</td>
<td style="background:#48d1cc; font-family:monospace;">#48d1cc</td>
<td>darkturquoise</td>
<td style="background:#00ced1; font-family:monospace;">#00ced1</td>
</tr>
<tr>
<td>cadetblue</td>
<td style="background:#5f9ea0; color:#ffffff; font-family:monospace;">#5f9ea0</td>
<td>slategray</td>
<td style="background:#708090; color:#ffffff; font-family:monospace;">#708090</td>
</tr>
<tr>
<td>lightcyan</td>
<td style="background:#e0ffff; font-family:monospace;">#e0ffff</td>
<td>paleturquoise</td>
<td style="background:#afeeee; font-family:monospace;">#afeeee</td>
</tr>
<tr>
<td>powderblue</td>
<td style="background:#b0e0e6; font-family:monospace;">#b0e0e6</td>
<td>lightsteelblue</td>
<td style="background:#b0c4de; font-family:monospace;">#b0c4de</td>
</tr>
<tr>
<td>steelblue</td>
<td style="background:#4682b4; color:#ffffff; font-family:monospace;">#4682b4</td>
<td>lightblue</td>
<td style="background:#add8e6; font-family:monospace;">#add8e6</td>
</tr>
<tr>
<td>skyblue</td>
<td style="background:#87ceeb; font-family:monospace;">#87ceeb</td>
<td>lightskyblue</td>
<td style="background:#87cefa; font-family:monospace;">#87cefa</td>
</tr>
<tr>
<td>deepskyblue</td>
<td style="background:#00bfff; font-family:monospace;">#00bfff</td>
<td>cornflowerblue</td>
<td style="background:#6495ed; font-family:monospace;">#6495ed</td>
</tr>
<tr>
<td>royalblue</td>
<td style="background:#4169e1; font-family:monospace;">#4169e1</td>
<td>mediumslateblue</td>
<td style="background:#7b68ee; font-family:monospace;">#7b68ee</td>
</tr>
<tr>
<td>dodgerblue</td>
<td style="background:#1e90ff; font-family:monospace;">#1e90ff</td>
<td>blue</td>
<td style="background:#0000ff; color:#ffffff; font-family:monospace;">#0000ff</td>
</tr>
<tr>
<td>mediumblue</td>
<td style="background:#0000cd; color:#ffffff; font-family:monospace;">#0000cd</td>
<td>darkblue</td>
<td style="background:#00008b; color:#ffffff; font-family:monospace;">#00008b</td>
</tr>
<tr>
<td>navy</td>
<td style="background:#000080; color:#ffffff; font-family:monospace;">#000080</td>
<td>midnightblue</td>
<td style="background:#191970; color:#ffffff; font-family:monospace;">#191970</td>
</tr>
<tr>
<td>lightsalmon</td>
<td style="background:#ffa07a; font-family:monospace;">#ffa07a</td>
<td>orange</td>
<td style="background:#ffa500; font-family:monospace;">#ffa500</td>
</tr>
<tr>
<td>darkorange</td>
<td style="background:#ff8c00; font-family:monospace;">#ff8c00</td>
<td>coral</td>
<td style="background:#ff7f50; font-family:monospace;">#ff7f50</td>
</tr>
<tr>
<td>tomato</td>
<td style="background:#ff6347; font-family:monospace;">#ff6347</td>
<td>orangered</td>
<td style="background:#ff4500; font-family:monospace;">#ff4500</td>
</tr>
<tr>
<td>aquamarine</td>
<td style="background:#7fffd4; font-family:monospace;">#7fffd4</td>
<td>mediumspringgreen</td>
<td style="background:#00fa9a; font-family:monospace;">#00fa9a</td>
</tr>
<tr>
<td>springgreen</td>
<td style="background:#00ff7f; font-family:monospace;">#00ff7f</td>
<td>palegreen</td>
<td style="background:#98fb98; font-family:monospace;">#98fb98</td>
</tr>
<tr>
<td>greenyellow</td>
<td style="background:#adff2f; font-family:monospace;">#adff2f</td>
<td>chartreuse</td>
<td style="background:#7fff00; font-family:monospace;">#7fff00</td>
</tr>
<tr>
<td>lawngreen</td>
<td style="background:#7cfc00; font-family:monospace;">#7cfc00</td>
<td>lime</td>
<td style="background:#00ff00; font-family:monospace;">#00ff00</td>
</tr>
<tr>
<td>lightgreen</td>
<td style="background:#90ee90; font-family:monospace;">#90ee90</td>
<td>yellowgreen</td>
<td style="background:#9acd32; font-family:monospace;">#9acd32</td>
</tr>
<tr>
<td>limegreen</td>
<td style="background:#32cd32; font-family:monospace;">#32cd32</td>
<td>mediumseagreen</td>
<td style="background:#3cb371; font-family:monospace;">#3cb371</td>
</tr>
<tr>
<td>darkseagreen</td>
<td style="background:#8fbc8f; font-family:monospace;">#8fbc8f</td>
<td>forestgreen</td>
<td style="background:#228b22; color:#ffffff; font-family:monospace;">#228b22</td>
</tr>
<tr>
<td>seagreen</td>
<td style="background:#2e8b57; color:#ffffff; font-family:monospace;">#2e8b57</td>
<td>green</td>
<td style="background:#008000; color:#ffffff; font-family:monospace;">#008000</td>
</tr>
<tr>
<td>olivedrab</td>
<td style="background:#6b8e23; color:#ffffff; font-family:monospace;">#6b8e23</td>
<td>olive</td>
<td style="background:#808000; color:#ffffff; font-family:monospace;">#808000</td>
</tr>
<tr>
<td>darkolivegreen</td>
<td style="background:#556b2f; color:#ffffff; font-family:monospace;">#556b2f</td>
<td>darkgreen</td>
<td style="background:#006400; color:#ffffff; font-family:monospace;">#006400</td>
</tr>
<tr>
<td>mediumaquamarine</td>
<td style="background:#66cdaa; font-family:monospace;">#66cdaa</td>
<td>turquoise</td>
<td style="background:#40e0d0; font-family:monospace;">#40e0d0</td>
</tr>
<tr>
<td>lightseagreen</td>
<td style="background:#20b2aa; font-family:monospace;">#20b2aa</td>
<td>darkcyan</td>
<td style="background:#008b8b; color:#ffffff; font-family:monospace;">#008b8b</td>
</tr>
<tr>
<td>teal</td>
<td style="background:#008080; color:#ffffff; font-family:monospace;">#008080</td>
<td>lavender</td>
<td style="background:#e6e6fa; font-family:monospace;">#e6e6fa</td>
</tr>
<tr>
<td>thistle</td>
<td style="background:#d8bfd8; font-family:monospace;">#d8bfd8</td>
<td>plum</td>
<td style="background:#dda0dd; font-family:monospace;">#dda0dd</td>
</tr>
<tr>
<td>violet</td>
<td style="background:#ee82ee; font-family:monospace;">#ee82ee</td>
<td>fuchsia</td>
<td style="background:#ff00ff; font-family:monospace;">#ff00ff</td>
</tr>
<tr>
<td>magenta</td>
<td style="background:#ff00ff; font-family:monospace;">#ff00ff</td>
<td>orchid</td>
<td style="background:#da70d6; font-family:monospace;">#da70d6</td>
</tr>
<tr>
<td>mediumorchid</td>
<td style="background:#ba55d3; font-family:monospace;">#ba55d3</td>
<td>darkorchid</td>
<td style="background:#9932cc; color:#ffffff; font-family:monospace;">#9932cc</td>
</tr>
<tr>
<td>blueviolet</td>
<td style="background:#8a2be2; color:#ffffff; font-family:monospace;">#8a2be2</td>
<td>darkviolet</td>
<td style="background:#9400d3; color:#ffffff; font-family:monospace;">#9400d3</td>
</tr>
<tr>
<td>mediumpurple</td>
<td style="background:#9370db; color:#ffffff; font-family:monospace;">#9370db</td>
<td>slateblue</td>
<td style="background:#6a5acd; color:#ffffff; font-family:monospace;">#6a5acd</td>
</tr>
<tr>
<td>purple</td>
<td style="background:#800080; color:#ffffff; font-family:monospace;">#800080</td>
<td>darkmagenta</td>
<td style="background:#8b008b; color:#ffffff; font-family:monospace;">#8b008b</td>
</tr>
<tr>
<td>darkslateblue</td>
<td style="background:#483d8b; color:#ffffff; font-family:monospace;">#483d8b</td>
<td>indigo</td>
<td style="background:#4b0082; color:#ffffff; font-family:monospace;">#4b0082</td>
</tr>
<tr>
<td>honeydew</td>
<td style="background:#f0fff0; font-family:monospace;">#f0fff0</td>
<td>mintcream</td>
<td style="background:#f5fffa; font-family:monospace;">#f5fffa</td>
</tr>
<tr>
<td>azure</td>
<td style="background:#f0ffff; font-family:monospace;">#f0ffff</td>
<td>aliceblue</td>
<td style="background:#f0f8ff; font-family:monospace;">#f0f8ff</td>
</tr>
<tr>
<td>ghostwhite</td>
<td style="background:#f8f8ff; font-family:monospace;">#f8f8ff</td>
<td>whitesmoke</td>
<td style="background:#f5f5f5; font-family:monospace;">#f5f5f5</td>
</tr>
<tr>
<td>lavenderblush</td>
<td style="background:#fff0f5; font-family:monospace;">#fff0f5</td>
<td>mistyrose</td>
<td style="background:#ffe4e1; font-family:monospace;">#ffe4e1</td>
</tr>
<tr>
<td>antiquewhite</td>
<td style="background:#faebd7; font-family:monospace;">#faebd7</td>
<td>seashell</td>
<td style="background:#fff5ee; font-family:monospace;">#fff5ee</td>
</tr>
<tr>
<td>snow</td>
<td style="background:#fffafa; font-family:monospace;">#fffafa</td>
<td>white</td>
<td style="background:#ffffff; font-family:monospace;">#ffffff</td>
</tr>
<tr>
<td>beige</td>
<td style="background:#f5f5dc; font-family:monospace;">#f5f5dc</td>
<td>linen</td>
<td style="background:#faf0e6; font-family:monospace;">#faf0e6</td>
</tr>
<tr>
<td>oldlace</td>
<td style="background:#fdf5e6; font-family:monospace;">#fdf5e6</td>
<td>floralwhite</td>
<td style="background:#fffaf0; font-family:monospace;">#fffaf0</td>
</tr>
<tr>
<td>ivory</td>
<td style="background:#fffff0; font-family:monospace;">#fffff0</td>
<td>gainsboro</td>
<td style="background:#dcdcdc; font-family:monospace;">#dcdcdc</td>
</tr>
<tr>
<td>lightgrey</td>
<td style="background:#d3d3d3; font-family:monospace;">#d3d3d3</td>
<td>silver</td>
<td style="background:#c0c0c0; font-family:monospace;">#c0c0c0</td>
</tr>
<tr>
<td>darkgray</td>
<td style="background:#a9a9a9; font-family:monospace;">#a9a9a9</td>
<td>gray</td>
<td style="background:#808080; color:#ffffff; font-family:monospace;">#808080</td>
</tr>
<tr>
<td>dimgray</td>
<td style="background:#696969; color:#ffffff; font-family:monospace;">#696969</td>
<td>darkslategray</td>
<td style="background:#2f4f4f; color:#ffffff; font-family:monospace;">#2f4f4f</td>
</tr>
<tr>
<td>lightslategray</td>
<td style="background:#778899; color:#ffffff; font-family:monospace;">#778899</td>
<td>slategray</td>
<td style="background:#708090; color:#ffffff; font-family:monospace;">#708090</td>
</tr>
<tr>
<td>cornsilk</td>
<td style="background:#fff8dc; font-family:monospace;">#fff8dc</td>
<td>blanchedalmond</td>
<td style="background:#ffebcd; font-family:monospace;">#ffebcd</td>
</tr>
<tr>
<td>bisque</td>
<td style="background:#ffe4c4; font-family:monospace;">#ffe4c4</td>
<td>navajowhite</td>
<td style="background:#ffdead; font-family:monospace;">#ffdead</td>
</tr>
<tr>
<td>wheat</td>
<td style="background:#f5deb3; font-family:monospace;">#f5deb3</td>
<td>sandybrown</td>
<td style="background:#f4a460; font-family:monospace;">#f4a460</td>
</tr>
<tr>
<td>goldenrod</td>
<td style="background:#daa520; font-family:monospace;">#daa520</td>
<td>darkgoldenrod</td>
<td style="background:#b8860b; font-family:monospace;">#b8860b</td>
</tr>
<tr>
<td>peru</td>
<td style="background:#cd853f; font-family:monospace;">#cd853f</td>
<td>chocolate</td>
<td style="background:#d2691e; font-family:monospace;">#d2691e</td>
</tr>
<tr>
<td>maroon</td>
<td style="background:#800000; color:#ffffff; font-family:monospace;">#800000</td>
<td>saddlebrown</td>
<td style="background:#8b4513; color:#ffffff; font-family:monospace;">#8b4513</td>
</tr>
<tr>
<td>brown</td>
<td style="background:#a52a2a; color:#ffffff; font-family:monospace;">#a52a2a</td>
<td>sienna</td>
<td style="background:#a0522d; color:#ffffff; font-family:monospace;">#a0522d</td>
</tr>
<tr>
<td>darkred</td>
<td style="background:#8b0000; color:#ffffff; font-family:monospace;">#8b0000</td>
<td>burlywood</td>
<td style="background:#deb887; font-family:monospace;">#deb887</td>
</tr>
<tr>
<td>tan</td>
<td style="background:#d2b48c; font-family:monospace;">#d2b48c</td>
<td>rosybrown</td>
<td style="background:#bc8f8f; font-family:monospace;">#bc8f8f</td>
</tr>
<tr>
<td>black</td>
<td style="background:#000000; color:#ffffff; font-family:monospace;">#000000</td>
<td> </td>
<td> </td>
</tr>
</table>
#>

<#
<table style="font-size:90%" cellpadding="4">
<tbody><tr style="vertical-align:top;">
<td>
<table border="0">
<tbody><tr>
<th style="background:lightgrey" rowspan="2">HTML name</th>
<th style="background:lightgrey" colspan="2"><code>R   G   B</code></th>
</tr>
<tr>
<th style="background:lightgrey"><code>Hex</code></th>
<th style="background:lightgrey"><code>Decimal</code></th>
</tr>
<tr>
<td colspan="3" style="background:whitesmoke;text-align:left;"><span style="font-size: 120%;"><b>Pink colors</b></span></td>
</tr>
<tr style="background:pink;color:black">
<td><code>Pink</code></td>
<td><code>FF C0 CB</code></td>
<td><code>255 192 203</code></td>
</tr>
<tr style="background:lightpink;color:black">
<td><code>LightPink</code></td>
<td><code>FF B6 C1</code></td>
<td><code>255 182 193</code></td>
</tr>
<tr style="background:hotpink;color:white">
<td><code>HotPink</code></td>
<td><code>FF 69 B4</code></td>
<td><code>255 105 180</code></td>
</tr>
<tr style="background:deeppink;color:white">
<td><code>DeepPink</code></td>
<td><code>FF 14 93</code></td>
<td><code>255  20 147</code></td>
</tr>
<tr style="background:palevioletred;color:white">
<td><code>PaleVioletRed</code></td>
<td><code>DB 70 93</code></td>
<td><code>219 112 147</code></td>
</tr>
<tr style="background:mediumvioletred;color:white">
<td><code>MediumVioletRed</code></td>
<td><code>C7 15 85</code></td>
<td><code>199  21 133</code></td>
</tr>
<tr>
<td colspan="3" style="background:whitesmoke;text-align:left;"><span style="font-size: 120%;"><b>Red colors</b></span></td>
</tr>
<tr style="background:lightsalmon;color:black">
<td><code>LightSalmon</code></td>
<td><code>FF A0 7A</code></td>
<td><code>255 160 122</code></td>
</tr>
<tr style="background:salmon;color:black">
<td><code>Salmon</code></td>
<td><code>FA 80 72</code></td>
<td><code>250 128 114</code></td>
</tr>
<tr style="background:darksalmon;color:black">
<td><code>DarkSalmon</code></td>
<td><code>E9 96 7A</code></td>
<td><code>233 150 122</code></td>
</tr>
<tr style="background:lightcoral;color:black">
<td><code>LightCoral</code></td>
<td><code>F0 80 80</code></td>
<td><code>240 128 128</code></td>
</tr>
<tr style="background:indianred;color:white">
<td><code>IndianRed</code></td>
<td><code>CD 5C 5C</code></td>
<td><code>205  92  92</code></td>
</tr>
<tr style="background:crimson;color:white;color:white">
<td><code>Crimson</code></td>
<td><code>DC 14 3C</code></td>
<td><code>220  20  60</code></td>
</tr>
<tr style="background:fireBrick;color:white">
<td><code>FireBrick</code></td>
<td><code>B2 22 22</code></td>
<td><code>178  34  34</code></td>
</tr>
<tr style="background:darkred;color:white">
<td><code>DarkRed</code></td>
<td><code>8B 00 00</code></td>
<td><code>139   0   0</code></td>
</tr>
<tr style="background:red;color:white">
<td><code>Red</code></td>
<td><code>FF 00 00</code></td>
<td><code>255   0   0</code></td>
</tr>
<tr>
<td colspan="3" style="background:whitesmoke;text-align:left;"><span style="font-size: 120%;"><b>Orange colors</b></span></td>
</tr>
<tr style="background:orangered;color:white">
<td><code>OrangeRed</code></td>
<td><code>FF 45 00</code></td>
<td><code>255  69   0</code></td>
</tr>
<tr style="background:tomato;color:white">
<td><code>Tomato</code></td>
<td><code>FF 63 47</code></td>
<td><code>255  99  71</code></td>
</tr>
<tr style="background:coral;color:black">
<td><code>Coral</code></td>
<td><code>FF 7F 50</code></td>
<td><code>255 127  80</code></td>
</tr>
<tr style="background:darkorange;color:black">
<td><code>DarkOrange</code></td>
<td><code>FF 8C 00</code></td>
<td><code>255 140   0</code></td>
</tr>
<tr style="background:orange;color:black">
<td><code>Orange</code></td>
<td><code>FF A5 00</code></td>
<td><code>255 165   0</code></td>
</tr>
<tr>
<td colspan="3" style="background:whitesmoke;text-align:left;"><span style="font-size: 120%;"><b>Yellow colors</b></span></td>
</tr>
<tr style="background:yellow;color:black">
<td><code>Yellow</code></td>
<td><code>FF FF 00</code></td>
<td><code>255 255   0</code></td>
</tr>
<tr style="background:lightyellow;color:black">
<td><code>LightYellow</code></td>
<td><code>FF FF E0</code></td>
<td><code>255 255 224</code></td>
</tr>
<tr style="background:lemonchiffon;color:black">
<td><code>LemonChiffon</code></td>
<td><code>FF FA CD</code></td>
<td><code>255 250 205</code></td>
</tr>
<tr style="background:lightgoldenrodyellow;color:black">
<td><code>LightGoldenrodYellow</code></td>
<td><code>FA FA D2</code></td>
<td><code>250 250 210</code></td>
</tr>
<tr style="background:papayawhip;color:black">
<td><code>PapayaWhip</code></td>
<td><code>FF EF D5</code></td>
<td><code>255 239 213</code></td>
</tr>
<tr style="background:moccasin;color:black">
<td><code>Moccasin</code></td>
<td><code>FF E4 B5</code></td>
<td><code>255 228 181</code></td>
</tr>
<tr style="background:peachpuff;color:black">
<td><code>PeachPuff</code></td>
<td><code>FF DA B9</code></td>
<td><code>255 218 185</code></td>
</tr>
<tr style="background:palegoldenrod;color:black">
<td><code>PaleGoldenrod</code></td>
<td><code>EE E8 AA</code></td>
<td><code>238 232 170</code></td>
</tr>
<tr style="background:khaki;color:black">
<td><code>Khaki</code></td>
<td><code>F0 E6 8C</code></td>
<td><code>240 230 140</code></td>
</tr>
<tr style="background:darkkhaki;color:black">
<td><code>DarkKhaki</code></td>
<td><code>BD B7 6B</code></td>
<td><code>189 183 107</code></td>
</tr>
<tr style="background:gold;color:black">
<td><code>Gold</code></td>
<td><code>FF D7 00</code></td>
<td><code>255 215   0</code></td>
</tr>
<tr>
<td colspan="3" style="background:whitesmoke;text-align:left;"><span style="font-size: 120%;"><b>Brown colors</b></span></td>
</tr>
<tr style="background:cornsilk;color:black">
<td><code>Cornsilk</code></td>
<td><code>FF F8 DC</code></td>
<td><code>255 248 220</code></td>
</tr>
<tr style="background:blanchedalmond;color:black">
<td><code>BlanchedAlmond</code></td>
<td><code>FF EB CD</code></td>
<td><code>255 235 205</code></td>
</tr>
<tr style="background:bisque;color:black">
<td><code>Bisque</code></td>
<td><code>FF E4 C4</code></td>
<td><code>255 228 196</code></td>
</tr>
<tr style="background:navajowhite;color:black">
<td><code>NavajoWhite</code></td>
<td><code>FF DE AD</code></td>
<td><code>255 222 173</code></td>
</tr>
<tr style="background:wheat;color:black">
<td><code>Wheat</code></td>
<td><code>F5 DE B3</code></td>
<td><code>245 222 179</code></td>
</tr>
<tr style="background:burlywood;color:black">
<td><code>BurlyWood</code></td>
<td><code>DE B8 87</code></td>
<td><code>222 184 135</code></td>
</tr>
<tr style="background:tan;color:black">
<td><code>Tan</code></td>
<td><code>D2 B4 8C</code></td>
<td><code>210 180 140</code></td>
</tr>
<tr style="background:rosybrown;color:black">
<td><code>RosyBrown</code></td>
<td><code>BC 8F 8F</code></td>
<td><code>188 143 143</code></td>
</tr>
<tr style="background:sandybrown;color:black">
<td><code>SandyBrown</code></td>
<td><code>F4 A4 60</code></td>
<td><code>244 164  96</code></td>
</tr>
<tr style="background:goldenrod;color:black">
<td><code>Goldenrod</code></td>
<td><code>DA A5 20</code></td>
<td><code>218 165  32</code></td>
</tr>
<tr style="background:darkgoldenrod;color:black">
<td><code>DarkGoldenrod</code></td>
<td><code>B8 86 0B</code></td>
<td><code>184 134  11</code></td>
</tr>
<tr style="background:Peru;color:black">
<td><code>Peru</code></td>
<td><code>CD 85 3F</code></td>
<td><code>205 133  63</code></td>
</tr>
<tr style="background:chocolate;color:white">
<td><code>Chocolate</code></td>
<td><code>D2 69 1E</code></td>
<td><code>210 105  30</code></td>
</tr>
<tr style="background:saddlebrown;color:white">
<td><code>SaddleBrown</code></td>
<td><code>8B 45 13</code></td>
<td><code>139  69  19</code></td>
</tr>
<tr style="background:sienna;color:white">
<td><code>Sienna</code></td>
<td><code>A0 52 2D</code></td>
<td><code>160  82  45</code></td>
</tr>
<tr style="background:brown;color:white">
<td><code>Brown</code></td>
<td><code>A5 2A 2A</code></td>
<td><code>165  42  42</code></td>
</tr>
<tr style="background:maroon;color:white">
<td><code>Maroon</code></td>
<td><code>80 00 00</code></td>
<td><code>128   0   0</code></td>
</tr>
</tbody></table>
</td>
<td>
<table>
<tbody><tr>
<th style="background:lightgrey" rowspan="2">HTML name</th>
<th style="background:lightgrey" colspan="2"><code>R   G   B</code></th>
</tr>
<tr>
<th style="background:lightgrey"><code>Hex</code></th>
<th style="background:lightgrey"><code>Decimal</code></th>
</tr>
<tr>
<td colspan="3" style="background:whitesmoke;text-align:left;"><span style="font-size: 120%;"><b>Green colors</b></span></td>
</tr>
<tr style="background:darkolivegreen;color:white">
<td><code>DarkOliveGreen</code></td>
<td><code>55 6B 2F</code></td>
<td><code> 85 107  47</code></td>
</tr>
<tr style="background:olive;color:white">
<td><code>Olive</code></td>
<td><code>80 80 00</code></td>
<td><code>128 128   0</code></td>
</tr>
<tr style="background:olivedrab;color:white">
<td><code>OliveDrab</code></td>
<td><code>6B 8E 23</code></td>
<td><code>107 142  35</code></td>
</tr>
<tr style="background:yellowgreen;color:black">
<td><code>YellowGreen</code></td>
<td><code>9A CD 32</code></td>
<td><code>154 205  50</code></td>
</tr>
<tr style="background:limegreen;color:black">
<td><code>LimeGreen</code></td>
<td><code>32 CD 32</code></td>
<td><code> 50 205  50</code></td>
</tr>
<tr style="background:lime;color:black">
<td><code>Lime</code></td>
<td><code>00 FF 00</code></td>
<td><code>  0 255   0</code></td>
</tr>
<tr style="background:lawngreen;color:black">
<td><code>LawnGreen</code></td>
<td><code>7C FC 00</code></td>
<td><code>124 252   0</code></td>
</tr>
<tr style="background:chartreuse;color:black">
<td><code>Chartreuse</code></td>
<td><code>7F FF 00</code></td>
<td><code>127 255   0</code></td>
</tr>
<tr style="background:greenyellow;color:black">
<td><code>GreenYellow</code></td>
<td><code>AD FF 2F</code></td>
<td><code>173 255  47</code></td>
</tr>
<tr style="background:springgreen;color:black">
<td><code>SpringGreen</code></td>
<td><code>00 FF 7F</code></td>
<td><code>  0 255 127</code></td>
</tr>
<tr style="background:mediumspringgreen;color:black">
<td><code>MediumSpringGreen</code></td>
<td><code>00 FA 9A</code></td>
<td><code>  0 250 154</code></td>
</tr>
<tr style="background:lightgreen;color:black">
<td><code>LightGreen</code></td>
<td><code>90 EE 90</code></td>
<td><code>144 238 144</code></td>
</tr>
<tr style="background:palegreen;color:black">
<td><code>PaleGreen</code></td>
<td><code>98 FB 98</code></td>
<td><code>152 251 152</code></td>
</tr>
<tr style="background:darkseagreen;color:black">
<td><code>DarkSeaGreen</code></td>
<td><code>8F BC 8F</code></td>
<td><code>143 188 143</code></td>
</tr>
<tr style="background:mediumaquamarine;color:black">
<td><code>MediumAquamarine</code></td>
<td><code>66 CD AA</code></td>
<td><code>102 205 170</code></td>
</tr>
<tr style="background:mediumseagreen;color:black">
<td><code>MediumSeaGreen</code></td>
<td><code>3C B3 71</code></td>
<td><code> 60 179 113</code></td>
</tr>
<tr style="background:seagreen;color:white">
<td><code>SeaGreen</code></td>
<td><code>2E 8B 57</code></td>
<td><code> 46 139  87</code></td>
</tr>
<tr style="background:forestgreen;color:white">
<td><code>ForestGreen</code></td>
<td><code>22 8B 22</code></td>
<td><code> 34 139  34</code></td>
</tr>
<tr style="background:green;color:white">
<td><code>Green</code></td>
<td><code>00 80 00</code></td>
<td><code>  0 128   0</code></td>
</tr>
<tr style="background:darkgreen;color:white">
<td><code>DarkGreen</code></td>
<td><code>00 64 00</code></td>
<td><code>  0 100   0</code></td>
</tr>
<tr>
<td colspan="3" style="background:whitesmoke;text-align:left;"><span style="font-size: 120%;"><b>Cyan colors</b></span></td>
</tr>
<tr style="background:aqua;color:black">
<td><code>Aqua</code></td>
<td><code>00 FF FF</code></td>
<td><code>  0 255 255</code></td>
</tr>
<tr style="background:cyan;color:black">
<td><code>Cyan</code></td>
<td><code>00 FF FF</code></td>
<td><code>  0 255 255</code></td>
</tr>
<tr style="background:lightcyan;color:black">
<td><code>LightCyan</code></td>
<td><code>E0 FF FF</code></td>
<td><code>224 255 255</code></td>
</tr>
<tr style="background:paleturquoise;color:black">
<td><code>PaleTurquoise</code></td>
<td><code>AF EE EE</code></td>
<td><code>175 238 238</code></td>
</tr>
<tr style="background:aquamarine;color:black">
<td><code>Aquamarine</code></td>
<td><code>7F FF D4</code></td>
<td><code>127 255 212</code></td>
</tr>
<tr style="background:turquoise;color:black">
<td><code>Turquoise</code></td>
<td><code>40 E0 D0</code></td>
<td><code> 64 224 208</code></td>
</tr>
<tr style="background:mediumturquoise;color:black">
<td><code>MediumTurquoise</code></td>
<td><code>48 D1 CC</code></td>
<td><code> 72 209 204</code></td>
</tr>
<tr style="background:darkturquoise;color:black">
<td><code>DarkTurquoise</code></td>
<td><code>00 CE D1</code></td>
<td><code>  0 206 209</code></td>
</tr>
<tr style="background:lightseagreen;color:black">
<td><code>LightSeaGreen</code></td>
<td><code>20 B2 AA</code></td>
<td><code> 32 178 170</code></td>
</tr>
<tr style="background:cadetblue;color:white">
<td><code>CadetBlue</code></td>
<td><code>5F 9E A0</code></td>
<td><code> 95 158 160</code></td>
</tr>
<tr style="background:darkcyan;color:white">
<td><code>DarkCyan</code></td>
<td><code>00 8B 8B</code></td>
<td><code>  0 139 139</code></td>
</tr>
<tr style="background:teal;color:white">
<td><code>Teal</code></td>
<td><code>00 80 80</code></td>
<td><code>  0 128 128</code></td>
</tr>
<tr>
<td colspan="3" style="background:whitesmoke;text-align:left;"><span style="font-size: 120%;"><b>Blue colors</b></span></td>
</tr>
<tr style="background:lightsteelblue;color:black">
<td><code>LightSteelBlue</code></td>
<td><code>B0 C4 DE</code></td>
<td><code>176 196 222</code></td>
</tr>
<tr style="background:powderblue;color:black">
<td><code>PowderBlue</code></td>
<td><code>B0 E0 E6</code></td>
<td><code>176 224 230</code></td>
</tr>
<tr style="background:lightblue;color:black">
<td><code>LightBlue</code></td>
<td><code>AD D8 E6</code></td>
<td><code>173 216 230</code></td>
</tr>
<tr style="background:skyblue;color:black">
<td><code>SkyBlue</code></td>
<td><code>87 CE EB</code></td>
<td><code>135 206 235</code></td>
</tr>
<tr style="background:lightskyblue;color:black">
<td><code>LightSkyBlue</code></td>
<td><code>87 CE FA</code></td>
<td><code>135 206 250</code></td>
</tr>
<tr style="background:deepskyblue;color:black">
<td><code>DeepSkyBlue</code></td>
<td><code>00 BF FF</code></td>
<td><code>  0 191 255</code></td>
</tr>
<tr style="background:dodgerblue;color:black">
<td><code>DodgerBlue</code></td>
<td><code>1E 90 FF</code></td>
<td><code> 30 144 255</code></td>
</tr>
<tr style="background:cornflowerblue;color:black">
<td><code>CornflowerBlue</code></td>
<td><code>64 95 ED</code></td>
<td><code>100 149 237</code></td>
</tr>
<tr style="background:steelblue;color:white">
<td><code>SteelBlue</code></td>
<td><code>46 82 B4</code></td>
<td><code> 70 130 180</code></td>
</tr>
<tr style="background:royalblue;color:white">
<td><code>RoyalBlue</code></td>
<td><code>41 69 E1</code></td>
<td><code> 65 105 225</code></td>
</tr>
<tr style="background:blue;color:white">
<td><code>Blue</code></td>
<td><code>00 00 FF</code></td>
<td><code>  0   0 255</code></td>
</tr>
<tr style="background:mediumblue;color:white">
<td><code>MediumBlue</code></td>
<td><code>00 00 CD</code></td>
<td><code>  0   0 205</code></td>
</tr>
<tr style="background:darkblue;color:white">
<td><code>DarkBlue</code></td>
<td><code>00 00 8B</code></td>
<td><code>  0   0 139</code></td>
</tr>
<tr style="background:navy;color:white">
<td><code>Navy</code></td>
<td><code>00 00 80</code></td>
<td><code>  0   0 128</code></td>
</tr>
<tr style="background:midnightblue;color:white">
<td><code>MidnightBlue</code></td>
<td><code>19 19 70</code></td>
<td><code> 25  25 112</code></td>
</tr>
</tbody></table>
</td>
<td>
<table>
<tbody><tr>
<th style="background:lightgrey" rowspan="2">HTML name</th>
<th style="background:lightgrey" colspan="2"><code>R   G   B</code></th>
</tr>
<tr>
<th style="background:lightgrey"><code>Hex</code></th>
<th style="background:lightgrey"><code>Decimal</code></th>
</tr>
<tr>
<td colspan="3" style="background:whitesmoke;text-align:left;"><span style="font-size: 120%;"><b>Purple, violet, and magenta colors</b></span></td>
</tr>
<tr style="background:lavender;color:black">
<td><code>Lavender</code></td>
<td><code>E6 E6 FA</code></td>
<td><code>230 230 250</code></td>
</tr>
<tr style="background:thistle;color:black">
<td><code>Thistle</code></td>
<td><code>D8 BF D8</code></td>
<td><code>216 191 216</code></td>
</tr>
<tr style="background:plum;color:black">
<td><code>Plum</code></td>
<td><code>DD A0 DD</code></td>
<td><code>221 160 221</code></td>
</tr>
<tr style="background:violet;color:black">
<td><code>Violet</code></td>
<td><code>EE 82 EE</code></td>
<td><code>238 130 238</code></td>
</tr>
<tr style="background:orchid;color:black">
<td><code>Orchid</code></td>
<td><code>DA 70 D6</code></td>
<td><code>218 112 214</code></td>
</tr>
<tr style="background:fuchsia;color:black">
<td><code>Fuchsia</code></td>
<td><code>FF 00 FF</code></td>
<td><code>255   0 255</code></td>
</tr>
<tr style="background:Magenta;color:black">
<td><code>Magenta</code></td>
<td><code>FF 00 FF</code></td>
<td><code>255   0 255</code></td>
</tr>
<tr style="background:mediumorchid;color:white">
<td><code>MediumOrchid</code></td>
<td><code>BA 55 D3</code></td>
<td><code>186  85 211</code></td>
</tr>
<tr style="background:mediumpurple;color:white">
<td><code>MediumPurple</code></td>
<td><code>93 70 DB</code></td>
<td><code>147 112 219</code></td>
</tr>
<tr style="background:blueviolet;color:white">
<td><code>BlueViolet</code></td>
<td><code>8A 2B E2</code></td>
<td><code>138  43 226</code></td>
</tr>
<tr style="background:darkviolet;color:white">
<td><code>DarkViolet</code></td>
<td><code>94 00 D3</code></td>
<td><code>148   0 211</code></td>
</tr>
<tr style="background:darkorchid;color:white">
<td><code>DarkOrchid</code></td>
<td><code>99 32 CC</code></td>
<td><code>153  50 204</code></td>
</tr>
<tr style="background:darkmagenta;color:white">
<td><code>DarkMagenta</code></td>
<td><code>8B 00 8B</code></td>
<td><code>139   0 139</code></td>
</tr>
<tr style="background:purple;color:white">
<td><code>Purple</code></td>
<td><code>80 00 80</code></td>
<td><code>128   0 128</code></td>
</tr>
<tr style="background:indigo;color:white">
<td><code>Indigo</code></td>
<td><code>4B 00 82</code></td>
<td><code> 75   0 130</code></td>
</tr>
<tr style="background:darkslateblue;color:white">
<td><code>DarkSlateBlue</code></td>
<td><code>48 3D 8B</code></td>
<td><code> 72  61 139</code></td>
</tr>
<tr style="background:slateblue;color:white">
<td><code>SlateBlue</code></td>
<td><code>6A 5A CD</code></td>
<td><code>106  90 205</code></td>
</tr>
<tr style="background:mediumslateblue;color:white">
<td><code>MediumSlateBlue</code></td>
<td><code>7B 68 EE</code></td>
<td><code>123 104 238</code></td>
</tr>
<tr>
<td colspan="3" style="background:whitesmoke;text-align:left;"><span style="font-size: 120%;"><b>White colors</b></span></td>
</tr>
<tr style="background:white;color:black">
<td><code>White</code></td>
<td><code>FF FF FF</code></td>
<td><code>255 255 255</code></td>
</tr>
<tr style="background:snow;color:black">
<td><code>Snow</code></td>
<td><code>FF FA FA</code></td>
<td><code>255 250 250</code></td>
</tr>
<tr style="background:honeydew;color:black">
<td><code>Honeydew</code></td>
<td><code>F0 FF F0</code></td>
<td><code>240 255 240</code></td>
</tr>
<tr style="background:mintcream;color:black">
<td><code>MintCream</code></td>
<td><code>F5 FF FA</code></td>
<td><code>245 255 250</code></td>
</tr>
<tr style="background:azure;color:black">
<td><code>Azure</code></td>
<td><code>F0 FF FF</code></td>
<td><code>240 255 255</code></td>
</tr>
<tr style="background:aliceblue;color:black">
<td><code>AliceBlue</code></td>
<td><code>F0 F8 FF</code></td>
<td><code>240 248 255</code></td>
</tr>
<tr style="background:ghostwhite;color:black">
<td><code>GhostWhite</code></td>
<td><code>F8 F8 FF</code></td>
<td><code>248 248 255</code></td>
</tr>
<tr style="background:whitesmoke;color:black">
<td><code>WhiteSmoke</code></td>
<td><code>F5 F5 F5</code></td>
<td><code>245 245 245</code></td>
</tr>
<tr style="background:seashell;color:black">
<td><code>Seashell</code></td>
<td><code>FF F5 EE</code></td>
<td><code>255 245 238</code></td>
</tr>
<tr style="background:beige;color:black">
<td><code>Beige</code></td>
<td><code>F5 F5 DC</code></td>
<td><code>245 245 220</code></td>
</tr>
<tr style="background:oldlace;color:black">
<td><code>OldLace</code></td>
<td><code>FD F5 E6</code></td>
<td><code>253 245 230</code></td>
</tr>
<tr style="background:floralwhite;color:black">
<td><code>FloralWhite</code></td>
<td><code>FF FA F0</code></td>
<td><code>255 250 240</code></td>
</tr>
<tr style="background:ivory;color:black">
<td><code>Ivory</code></td>
<td><code>FF FF F0</code></td>
<td><code>255 255 240</code></td>
</tr>
<tr style="background:antiquewhite;color:black">
<td><code>AntiqueWhite</code></td>
<td><code>FA EB D7</code></td>
<td><code>250 235 215</code></td>
</tr>
<tr style="background:linen;color:black">
<td><code>Linen</code></td>
<td><code>FA F0 E6</code></td>
<td><code>250 240 230</code></td>
</tr>
<tr style="background:lavenderblush;color:black">
<td><code>LavenderBlush</code></td>
<td><code>FF F0 F5</code></td>
<td><code>255 240 245</code></td>
</tr>
<tr style="background:mistyrose;color:black">
<td><code>MistyRose</code></td>
<td><code>FF E4 E1</code></td>
<td><code>255 228 225</code></td>
</tr>
<tr>
<td colspan="3" style="background:whitesmoke;text-align:left;"><span style="font-size: 120%;"><b>Gray and black colors</b></span></td>
</tr>
<tr style="background:gainsboro;color:black">
<td><code>Gainsboro</code></td>
<td><code>DC DC DC</code></td>
<td><code>220 220 220</code></td>
</tr>
<tr style="background:lightgray; color:black;">
<td><code>LightGray</code></td>
<td><code>D3 D3 D3</code></td>
<td><code>211 211 211</code></td>
</tr>
<tr style="background:silver;color:black">
<td><code>Silver</code></td>
<td><code>C0 C0 C0</code></td>
<td><code>192 192 192</code></td>
</tr>
<tr style="background:darkgray; color:black;">
<td><code>DarkGray</code></td>
<td><code>A9 A9 A9</code></td>
<td><code>169 169 169</code></td>
</tr>
<tr style="background:gray;color:white">
<td><code>Gray</code></td>
<td><code>80 80 80</code></td>
<td><code>128 128 128</code></td>
</tr>
<tr style="background:dimgray; color:white;">
<td><code>DimGray</code></td>
<td><code>69 69 69</code></td>
<td><code>105 105 105</code></td>
</tr>
<tr style="background:lightslategray; color:white;">
<td><code>LightSlateGray</code></td>
<td><code>77 88 99</code></td>
<td><code>119 136 153</code></td>
</tr>
<tr style="background:slategray; color:white;">
<td><code>SlateGray</code></td>
<td><code>70 80 90</code></td>
<td><code>112 128 144</code></td>
</tr>
<tr style="background:darkslategray; color:white;">
<td><code>DarkSlateGray</code></td>
<td><code>2F 4F 4F</code></td>
<td><code> 47  79  79</code></td>
</tr>
<tr style="background:black;color:white">
<td><code>Black</code></td>
<td><code>00 00 00</code></td>
<td><code>  0   0   0</code></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
#>