HTML Color Names : Color « Reference « HTML / CSS
- HTML / CSS
- Reference
- Color
HTML Color Names
<html>
<head>
<title>HTML Color Names</title>
<body>
<h1>HTML Color Names</h1>
<table class="ex" border="1" cellspacing="0" width="100%">
<tbody><tr>
<th align="left" width="25%">Color Name</th>
<th align="left" width="25%">Color HEX</th>
<th align="left" width="50%">Color</th>
</tr>
<tr>
<td align="left">AliceBlue </td>
<td align="left">#F0F8FF</td>
<td bgcolor="#f0f8ff"> </td></tr>
<tr>
<td align="left">AntiqueWhite </td>
<td align="left">#FAEBD7</td>
<td bgcolor="#faebd7"> </td></tr>
<tr>
<td align="left">Aqua </td>
<td align="left">#00FFFF</td>
<td bgcolor="#00ffff"> </td></tr>
<tr>
<td align="left">Aquamarine </td>
<td align="left">#7FFFD4</td>
<td bgcolor="#7fffd4"> </td></tr>
<tr>
<td align="left">Azure </td>
<td align="left">#F0FFFF</td>
<td bgcolor="#f0ffff"> </td></tr>
<tr>
<td align="left">Beige </td>
<td align="left">#F5F5DC</td>
<td bgcolor="#f5f5dc"> </td></tr>
<tr>
<td align="left">Bisque </td>
<td align="left">#FFE4C4</td>
<td bgcolor="#ffe4c4"> </td></tr>
<tr>
<td align="left">Black </td>
<td align="left">#000000</td>
<td bgcolor="#000000"> </td></tr>
<tr>
<td align="left">BlanchedAlmond </td>
<td align="left">#FFEBCD</td>
<td bgcolor="#ffebcd"> </td></tr>
<tr>
<td align="left">Blue </td>
<td align="left">#0000FF</td>
<td bgcolor="#0000ff"> </td></tr>
<tr>
<td align="left">BlueViolet </td>
<td align="left">#8A2BE2</td>
<td bgcolor="#8a2be2"> </td></tr>
<tr>
<td align="left">Brown </td>
<td align="left">#A52A2A</td>
<td bgcolor="#a52a2a"> </td></tr>
<tr>
<td align="left">BurlyWood </td>
<td align="left">#DEB887</td>
<td bgcolor="#deb887"> </td></tr>
<tr>
<td align="left">CadetBlue </td>
<td align="left">#5F9EA0</td>
<td bgcolor="#5f9ea0"> </td></tr>
<tr>
<td align="left">Chartreuse </td>
<td align="left">#7FFF00</td>
<td bgcolor="#7fff00"> </td></tr>
<tr>
<td align="left">Chocolate </td>
<td align="left">#D2691E</td>
<td bgcolor="#d2691e"> </td></tr>
<tr>
<td align="left">Coral </td>
<td align="left">#FF7F50</td>
<td bgcolor="#ff7f50"> </td></tr>
<tr>
<td align="left">CornflowerBlue </td>
<td align="left">#6495ED</td>
<td bgcolor="#6495ed"> </td></tr>
<tr>
<td align="left">Cornsilk </td>
<td align="left">#FFF8DC</td>
<td bgcolor="#fff8dc"> </td></tr>
<tr>
<td align="left">Crimson </td>
<td align="left">#DC143C</td>
<td bgcolor="#dc143c"> </td></tr>
<tr>
<td align="left">Cyan </td>
<td align="left">00FFFF">#00FFFF</td>
<td bgcolor="#00ffff"> </td></tr>
<tr>
<td align="left">DarkBlue </td>
<td align="left">00008B">#00008B</td>
<td bgcolor="#00008b"> </td></tr>
<tr>
<td align="left">DarkCyan </td>
<td align="left">008B8B">#008B8B</td>
<td bgcolor="#008b8b"> </td></tr>
<tr>
<td align="left">DarkGoldenRod </td>
<td align="left">B8860B">#B8860B</td>
<td bgcolor="#b8860b"> </td></tr>
<tr>
<td align="left">DarkGray </td>
<td align="left">#A9A9A9</td>
<td bgcolor="#a9a9a9"> </td></tr>
<tr>
<td align="left">DarkGreen </td>
<td align="left">#006400</td>
<td bgcolor="#006400"> </td></tr>
<tr>
<td align="left">DarkKhaki </td>
<td align="left">#BDB76B</td>
<td bgcolor="#bdb76b"> </td></tr>
<tr>
<td align="left">DarkMagenta </td>
<td align="left">#8B008B</td>
<td bgcolor="#8b008b"> </td></tr>
<tr>
<td align="left">DarkOliveGreen </td>
<td align="left">#556B2F</td>
<td bgcolor="#556b2f"> </td></tr>
<tr>
<td align="left">Darkorange </td>
<td align="left">#FF8C00</td>
<td bgcolor="#ff8c00"> </td></tr>
<tr>
<td align="left">DarkOrchid </td>
<td align="left">#9932CC</td>
<td bgcolor="#9932cc"> </td></tr>
<tr>
<td align="left">DarkRed </td>
<td align="left">#8B0000</td>
<td bgcolor="#8b0000"> </td></tr>
<tr>
<td align="left">DarkSalmon </td>
<td align="left">#E9967A</td>
<td bgcolor="#e9967a"> </td></tr>
<tr>
<td align="left">DarkSeaGreen </td>
<td align="left">#8FBC8F</td>
<td bgcolor="#8fbc8f"> </td></tr>
<tr>
<td align="left">DarkSlateBlue </td>
<td align="left">#483D8B</td>
<td bgcolor="#483d8b"> </td></tr>
<tr>
<td align="left">DarkSlateGray </td>
<td align="left">#2F4F4F</td>
<td bgcolor="#2f4f4f"> </td></tr>
<tr>
<td align="left">DarkTurquoise </td>
<td align="left">#00CED1</td>
<td bgcolor="#00ced1"> </td></tr>
<tr>
<td align="left">DarkViolet </td>
<td align="left">#9400D3</td>
<td bgcolor="#9400d3"> </td></tr>
<tr>
<td align="left">eepPink">DeepPink </td>
<td align="left">FF1493">#FF1493</td>
<td bgcolor="#ff1493"> </td></tr>
<tr>
<td align="left">DeepSkyBlue </td>
<td align="left">#00BFFF</td>
<td bgcolor="#00bfff"> </td></tr>
<tr>
<td align="left">DimGray </td>
<td align="left">696969">#696969</td>
<td bgcolor="#696969"> </td></tr>
<tr>
<td align="left">DodgerBlue </td>
<td align="left">#1E90FF</td>
<td bgcolor="#1e90ff"> </td></tr>
<tr>
<td align="left">Feldspar </td>
<td align="left">D19275">#D19275</td>
<td bgcolor="#d19275"> </td></tr>
<tr>
<td align="left">FireBrick </td>
<td align="left">B22222">#B22222</td>
<td bgcolor="#b22222"> </td></tr>
<tr>
<td align="left">FloralWhite </td>
<td align="left">#FFFAF0</td>
<td bgcolor="#fffaf0"> </td></tr>
<tr>
<td align="left">ForestGreen </td>
<td align="left">#228B22</td>
<td bgcolor="#228b22"> </td></tr>
<tr>
<td align="left">Fuchsia </td>
<td align="left">#FF00FF</td>
<td bgcolor="#ff00ff"> </td></tr>
<tr>
<td align="left">Gainsboro </td>
<td align="left">#DCDCDC</td>
<td bgcolor="#dcdcdc"> </td></tr>
<tr>
<td align="left">GhostWhite </td>
<td align="left">#F8F8FF</td>
<td bgcolor="#f8f8ff"> </td></tr>
<tr>
<td align="left">Gold </td>
<td align="left">#FFD700</td>
<td bgcolor="#ffd700"> </td></tr>
<tr>
<td align="left">GoldenRod </td>
<td align="left">#DAA520</td>
<td bgcolor="#daa520"> </td></tr>
<tr>
<td align="left">Gray </td>
<td align="left">#808080</td>
<td bgcolor="#808080"> </td></tr>
<tr>
<td align="left">Green </td>
<td align="left">#008000</td>
<td bgcolor="#008000"> </td></tr>
<tr>
<td align="left">GreenYellow </td>
<td align="left">#ADFF2F</td>
<td bgcolor="#adff2f"> </td></tr>
<tr>
<td align="left">HoneyDew </td>
<td align="left">#F0FFF0</td>
<td bgcolor="#f0fff0"> </td></tr>
<tr>
<td align="left">HotPink </td>
<td align="left">#FF69B4</td>
<td bgcolor="#ff69b4"> </td></tr>
<tr>
<td align="left">IndianRed </td>
<td align="left">#CD5C5C</td>
<td bgcolor="#cd5c5c"> </td></tr>
<tr>
<td align="left">Indigo </td>
<td align="left">#4B0082</td>
<td bgcolor="#4b0082"> </td></tr>
<tr>
<td align="left">Ivory </td>
<td align="left">#FFFFF0</td>
<td bgcolor="#fffff0"> </td></tr>
<tr>
<td align="left">Khaki </td>
<td align="left">#F0E68C</td>
<td bgcolor="#f0e68c"> </td></tr>
<tr>
<td align="left">Lavender </td>
<td align="left">#E6E6FA</td>
<td bgcolor="#e6e6fa"> </td></tr>
<tr>
<td align="left">LavenderBlush </td>
<td align="left">#FFF0F5</td>
<td bgcolor="#fff0f5"> </td></tr>
<tr>
<td align="left">LawnGreen </td>
<td align="left">#7CFC00</td>
<td bgcolor="#7cfc00"> </td></tr>
<tr>
<td align="left">LemonChiffon </td>
<td align="left">#FFFACD</td>
<td bgcolor="#fffacd"> </td></tr>
<tr>
<td align="left">LightBlue </td>
<td align="left">#ADD8E6</td>
<td bgcolor="#add8e6"> </td></tr>
<tr>
<td align="left">LightCoral </td>
<td align="left">#F08080</td>
<td bgcolor="#f08080"> </td></tr>
<tr>
<td align="left">LightCyan </td>
<td align="left">#E0FFFF</td>
<td bgcolor="#e0ffff"> </td></tr>
<tr>
<td align="left">LightGoldenRodYellow </td>
<td align="left">#FAFAD2</td>
<td bgcolor="#fafad2"> </td></tr>
<tr>
<td align="left">LightGrey </td>
<td align="left">#D3D3D3</td>
<td bgcolor="#d3d3d3"> </td></tr>
<tr>
<td align="left">LightGreen </td>
<td align="left">#90EE90</td>
<td bgcolor="#90ee90"> </td></tr>
<tr>
<td align="left">LightPink </td>
<td align="left">#FFB6C1</td>
<td bgcolor="#ffb6c1"> </td></tr>
<tr>
<td align="left">LightSalmon </td>
<td align="left">#FFA07A</td>
<td bgcolor="#ffa07a"> </td></tr>
<tr>
<td align="left">LightSeaGreen </td>
<td align="left">#20B2AA</td>
<td bgcolor="#20b2aa"> </td></tr>
<tr>
<td align="left">LightSkyBlue </td>
<td align="left">#87CEFA</td>
<td bgcolor="#87cefa"> </td></tr>
<tr>
<td align="left">LightSlateBlue </td>
<td align="left">#8470FF</td>
<td bgcolor="#8470ff"> </td></tr>
<tr>
<td align="left">LightSlateGray </td>
<td align="left">#778899</td>
<td bgcolor="#778899"> </td></tr>
<tr>
<td align="left">LightSteelBlue </td>
<td align="left">#B0C4DE</td>
<td bgcolor="#b0c4de"> </td></tr>
<tr>
<td align="left">LightYellow </td>
<td align="left">#FFFFE0</td>
<td bgcolor="#ffffe0"> </td></tr>
<tr>
<td align="left">Lime </td>
<td align="left">#00FF00</td>
<td bgcolor="#00ff00"> </td></tr>
<tr>
<td align="left">LimeGreen </td>
<td align="left">#32CD32</td>
<td bgcolor="#32cd32"> </td></tr>
<tr>
<td align="left">Linen </td>
<td align="left">#FAF0E6</td>
<td bgcolor="#faf0e6"> </td></tr>
<tr>
<td align="left">Magenta </td>
<td align="left">#FF00FF</td>
<td bgcolor="#ff00ff"> </td></tr>
<tr>
<td align="left">Maroon </td>
<td align="left">#800000</td>
<td bgcolor="#800000"> </td></tr>
<tr>
<td align="left">MediumAquaMarine </td>
<td align="left">#66CDAA</td>
<td bgcolor="#66cdaa"> </td></tr>
<tr>
<td align="left">MediumBlue </td>
<td align="left">#0000CD</td>
<td bgcolor="#0000cd"> </td></tr>
<tr>
<td align="left">MediumOrchid </td>
<td align="left">#BA55D3</td>
<td bgcolor="#ba55d3"> </td></tr>
<tr>
<td align="left">MediumPurple </td>
<td align="left">#9370D8</td>
<td bgcolor="#9370d8"> </td></tr>
<tr>
<td align="left">MediumSeaGreen </td>
<td align="left">#3CB371</td>
<td bgcolor="#3cb371"> </td></tr>
<tr>
<td align="left">MediumSlateBlue </td>
<td align="left">#7B68EE</td>
<td bgcolor="#7b68ee"> </td></tr>
<tr>
<td align="left">MediumSpringGreen </td>
<td align="left">#00FA9A</td>
<td bgcolor="#00fa9a"> </td></tr>
<tr>
<td align="left">MediumTurquoise </td>
<td align="left">#48D1CC</td>
<td bgcolor="#48d1cc"> </td></tr>
<tr>
<td align="left">MediumVioletRed </td>
<td align="left">#C71585</td>
<td bgcolor="#c71585"> </td></tr>
<tr>
<td align="left">MidnightBlue </td>
<td align="left">#191970</td>
<td bgcolor="#191970"> </td></tr>
<tr>
<td align="left">MintCream </td>
<td align="left">#F5FFFA</td>
<td bgcolor="#f5fffa"> </td></tr>
<tr>
<td align="left">MistyRose </td>
<td align="left">#FFE4E1</td>
<td bgcolor="#ffe4e1"> </td></tr>
<tr>
<td align="left">Moccasin </td>
<td align="left">#FFE4B5</td>
<td bgcolor="#ffe4b5"> </td></tr>
<tr>
<td align="left">NavajoWhite </td>
<td align="left">#FFDEAD</td>
<td bgcolor="#ffdead"> </td></tr>
<tr>
<td align="left">Navy </td>
<td align="left">#000080</td>
<td bgcolor="#000080"> </td></tr>
<tr>
<td align="left">OldLace </td>
<td align="left">#FDF5E6</td>
<td bgcolor="#fdf5e6"> </td></tr>
<tr>
<td align="left">Olive </td>
<td align="left">#808000</td>
<td bgcolor="#808000"> </td></tr>
<tr>
<td align="left">OliveDrab </td>
<td align="left">#6B8E23</td>
<td bgcolor="#6b8e23"> </td></tr>
<tr>
<td align="left">Orange </td>
<td align="left">#FFA500</td>
<td bgcolor="#ffa500"> </td></tr>
<tr>
<td align="left">OrangeRed </td>
<td align="left">#FF4500</td>
<td bgcolor="#ff4500"> </td></tr>
<tr>
<td align="left">Orchid </td>
<td align="left">#DA70D6</td>
<td bgcolor="#da70d6"> </td></tr>
<tr>
<td align="left">PaleGoldenRod </td>
<td align="left">#EEE8AA</td>
<td bgcolor="#eee8aa"> </td></tr>
<tr>
<td align="left">PaleGreen </td>
<td align="left">#98FB98</td>
<td bgcolor="#98fb98"> </td></tr>
<tr>
<td align="left">PaleTurquoise </td>
<td align="left">#AFEEEE</td>
<td bgcolor="#afeeee"> </td></tr>
<tr>
<td align="left">PaleVioletRed </td>
<td align="left">#D87093</td>
<td bgcolor="#d87093"> </td></tr>
<tr>
<td align="left">PapayaWhip </td>
<td align="left">#FFEFD5</td>
<td bgcolor="#ffefd5"> </td></tr>
<tr>
<td align="left">PeachPuff </td>
<td align="left">#FFDAB9</td>
<td bgcolor="#ffdab9"> </td></tr>
<tr>
<td align="left">Peru </td>
<td align="left">#CD853F</td>
<td bgcolor="#cd853f"> </td></tr>
<tr>
<td align="left">Pink </td>
<td align="left">#FFC0CB</td>
<td bgcolor="#ffc0cb"> </td></tr>
<tr>
<td align="left">Plum </td>
<td align="left">#DDA0DD</td>
<td bgcolor="#dda0dd"> </td></tr>
<tr>
<td align="left">PowderBlue </td>
<td align="left">#B0E0E6</td>
<td bgcolor="#b0e0e6"> </td></tr>
<tr>
<td align="left">Purple </td>
<td align="left">#800080</td>
<td bgcolor="#800080"> </td></tr>
<tr>
<td align="left">Red </td>
<td align="left">#FF0000</td>
<td bgcolor="#ff0000"> </td></tr>
<tr>
<td align="left">RosyBrown </td>
<td align="left">#BC8F8F</td>
<td bgcolor="#bc8f8f"> </td></tr>
<tr>
<td align="left">RoyalBlue </td>
<td align="left">#4169E1</td>
<td bgcolor="#4169e1"> </td></tr>
<tr>
<td align="left">SaddleBrown </td>
<td align="left">#8B4513</td>
<td bgcolor="#8b4513"> </td></tr>
<tr>
<td align="left">Salmon </td>
<td align="left">#FA8072</td>
<td bgcolor="#fa8072"> </td></tr>
<tr>
<td align="left">SandyBrown </td>
<td align="left">#F4A460</td>
<td bgcolor="#f4a460"> </td></tr>
<tr>
<td align="left">SeaGreen </td>
<td align="left">#2E8B57</td>
<td bgcolor="#2e8b57"> </td></tr>
<tr>
<td align="left">SeaShell </td>
<td align="left">#FFF5EE</td>
<td bgcolor="#fff5ee"> </td></tr>
<tr>
<td align="left">Sienna </td>
<td align="left">#A0522D</td>
<td bgcolor="#a0522d"> </td></tr>
<tr>
<td align="left">Silver </td>
<td align="left">#C0C0C0</td>
<td bgcolor="#c0c0c0"> </td></tr>
<tr>
<td align="left">SkyBlue </td>
<td align="left">#87CEEB</td>
<td bgcolor="#87ceeb"> </td></tr>
<tr>
<td align="left">SlateBlue </td>
<td align="left">#6A5ACD</td>
<td bgcolor="#6a5acd"> </td></tr>
<tr>
<td align="left">SlateGray </td>
<td align="left">#708090</td>
<td bgcolor="#708090"> </td></tr>
<tr>
<td align="left">Snow </td>
<td align="left">#FFFAFA</td>
<td bgcolor="#fffafa"> </td></tr>
<tr>
<td align="left">SpringGreen </td>
<td align="left">#00FF7F</td>
<td bgcolor="#00ff7f"> </td></tr>
<tr>
<td align="left">SteelBlue </td>
<td align="left">#4682B4</td>
<td bgcolor="#4682b4"> </td></tr>
<tr>
<td align="left">Tan </td>
<td align="left">#D2B48C</td>
<td bgcolor="#d2b48c"> </td></tr>
<tr>
<td align="left">Teal </td>
<td align="left">#008080</td>
<td bgcolor="#008080"> </td></tr>
<tr>
<td align="left">Thistle </td>
<td align="left">#D8BFD8</td>
<td bgcolor="#d8bfd8"> </td></tr>
<tr>
<td align="left">Tomato </td>
<td align="left">#FF6347</td>
<td bgcolor="#ff6347"> </td></tr>
<tr>
<td align="left">Turquoise </td>
<td align="left">#40E0D0</td>
<td bgcolor="#40e0d0"> </td></tr>
<tr>
<td align="left">Violet </td>
<td align="left">#EE82EE</td>
<td bgcolor="#ee82ee"> </td></tr>
<tr>
<td align="left">VioletRed </td>
<td align="left">#D02090</td>
<td bgcolor="#d02090"> </td></tr>
<tr>
<td align="left">Wheat </td>
<td align="left">#F5DEB3</td>
<td bgcolor="#f5deb3"> </td></tr>
<tr>
<td align="left">White </td>
<td align="left">#FFFFFF</td>
<td bgcolor="#ffffff"> </td></tr>
<tr>
<td align="left">WhiteSmoke </td>
<td align="left">#F5F5F5</td>
<td bgcolor="#f5f5f5"> </td></tr>
<tr>
<td align="left">Yellow </td>
<td align="left">#FFFF00</td>
<td bgcolor="#ffff00"> </td></tr>
<tr>
<td align="left">YellowGreen </td>
<td align="left">#9ACD32</td>
<td bgcolor="#9acd32"> </td></tr>
</tbody>
</table>
</body>
</html>
Related examples in the same category