Color Names : Color : Reference HTML CSS TUTORIALS


HTML CSS TUTORIALS » Reference » Color »

 

Color Names



<HTML>
<HEAD>
<TITLE>Color Names</TITLE>
</HEAD>
<BODY>
<p class="head">
<font size="+2">HTML Color Names</font></p>
<p>140 color names are listed alphabetically.</p>
<table border="0" width="100%" cellspacing="6" cellpadding="6">
  <tr> 
    <td bgcolor="aliceblue" width="25%"> <p class="table">aliceblue</p>
      <p class="table">240,248,255<br>
        F0F8FF </p></td>
    <td width="25%" bgcolor="darkslategray"> <p class="tablewhite">darkslategray</p>
      <p class="tablewhite">47,79,79<br>
        2F4F4F </p></td>
    <td width="25%" bgcolor="lightsalmon"> <p class="table">lightsalmon</p>
      <p class="table">255,160,122<br>
        FFA07A </p></td>
    <td width="25%" bgcolor="palevioletred"> <p class="table">palevioletred</p>
      <p class="table">219,112,147<br>
        DB7093 </p></td>
  </tr>
  <tr> 
    <td bgcolor="antiquewhite" width="25%"> <p class="table">antiquewhite</p>
      <p class="table">250,235,215<br>
        FAEBD7 </p></td>
    <td width="25%" bgcolor="darkturquoise"> <p class="table">darkturquoise</p>
      <p class="table">0,206,209<br>
        00CED1 </p></td>
    <td width="25%" bgcolor="lightseagreen"> <p class="table">lightseagreen</p>
      <p class="table">32,178,170<br>
        20B2AA </p></td>
    <td width="25%" bgcolor="papayawhip"> <p class="table">papayawhip</p>
      <p class="table">255,239,213<br>
        FFEFD5 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="aqua"> <p class="table">aqua</p>
      <p class="table">0,255,255<br>
        00FFFF </p></td>
    <td width="25%" bgcolor="darkviolet"> <p class="tablewhite">darkviolet</p>
      <p class="tablewhite">148,0,211<br>
        9400D3 </p></td>
    <td width="25%" bgcolor="lightskyblue"> <p class="table">lightskyblue</p>
      <p class="table">135,206,250<br>
        87CEFA </p></td>
    <td width="25%" bgcolor="peachpuff"> <p class="table">peachpuff</p>
      <p class="table">255,239,213<br>
        FFEFD5 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="aquamarine"> <p class="table">aquamarine</p>
      <p class="table">127,255,212<br>
        7FFFD4 </p></td>
    <td width="25%" bgcolor="deeppink"> <p class="tablewhite">deeppink</p>
      <p class="tablewhite">255,20,147<br>
        FF1493 </p></td>
    <td width="25%" bgcolor="lightslategray"> <p class="table">lightslategray</p>
      <p class="table">119,136,153<br>
        778899 </p></td>
    <td width="25%" bgcolor="peru"> <p class="table">peru</p>
      <p class="table">205,133,63<br>
        CD853F </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="azure"> <p class="table">azure</p>
      <p class="table">240,255,255<br>
        F0FFFF </p></td>
    <td width="25%" bgcolor="deepskyblue"> <p class="table">deepskyblue</p>
      <p class="table">0,191,255<br>
        00BFFF </p></td>
    <td width="25%" bgcolor="lightsteelblue"> <p class="table">lightsteelblue</p>
      <p class="table">176,196,222<br>
        B0C4DE </p></td>
    <td width="25%" bgcolor="pink"> <p class="table">pink</p>
      <p class="table">255,192,203<br>
        FFC0CB </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="beige"> <p class="table">beige</p>
      <p class="table">245,245,220<br>
        F5F5DC </p></td>
    <td width="25%" bgcolor="dimgray"> <p class="tablewhite">dimgray</p>
      <p class="tablewhite">105,105,105<br>
        69,69,69 </p></td>
    <td width="25%" bgcolor="lightyellow"> <p class="table">lightyellow</p>
      <p class="table">255,255,224<br>
        FFFFE0 </p></td>
    <td width="25%" bgcolor="plum"> <p class="table">plum</p>
      <p class="table">221,160,221<br>
        DDA0DD </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="bisque"> <p class="table">bisque</p>
      <p class="table">255,228,196<br>
        FFE4C4 </p></td>
    <td width="25%" bgcolor="dodgerblue"> <p class="table">dodgerblue</p>
      <p class="table">30,144,255<br>
        1E90FF </p></td>
    <td width="25%" bgcolor="lime"> <p class="table">lime</p>
      <p class="table">0,255,0<br>
        00FF00 </p></td>
    <td width="25%" bgcolor="powderblue"> <p class="table">powderblue</p>
      <p class="table">176,224,230<br>
        B0E0E6 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="black"> <p class="tablewhite">black</p>
      <p class="tablewhite">0,0,0<br>
        000000 </p></td>
    <td width="25%" bgcolor="firebrick"> <p class="tablewhite">firebrick</p>
      <p class="tablewhite">178,34,34<br>
        B22222 </p></td>
    <td width="25%" bgcolor="limegreen"> <p class="table">limegreen</p>
      <p class="table">50,205,50<br>
        32CD32 </p></td>
    <td width="25%" bgcolor="purple"> <p class="tablewhite">purple</p>
      <p class="tablewhite">128,0,128<br>
        800080 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="blanchedalmond"> <p class="table">blanchedalmond</p>
      <p class="table">255,255,205<br>
        FFFFCD </p></td>
    <td width="25%" bgcolor="floralwhite"> <p class="table">floralwhite</p>
      <p class="table">255,250,240<br>
        FFFAF0 </p></td>
    <td width="25%" bgcolor="linen"> <p class="table">linen</p>
      <p class="table">250,240,230<br>
        FAF0E6 </p></td>
    <td width="25%" bgcolor="red"> <p class="tablewhite">red</p>
      <p class="tablewhite">225,0,0<br>
        FF0000</p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="blue"> <p class="tablewhite">blue</p>
      <p class="tablewhite">0,0,255<br>
        0000FF </p></td>
    <td width="25%" bgcolor="forestgreen"> <p class="tablewhite">forestgreen</p>
      <p class="tablewhite">34,139,34<br>
        228B22 </p></td>
    <td width="25%" bgcolor="magenta"> <p class="tablewhite">magenta</p>
      <p class="tablewhite">255,0,255<br>
        FF00FF </p></td>
    <td width="25%" bgcolor="rosybrown"> <p class="table">rosybrown</p>
      <p class="table">188,143,143<br>
        BC8F8F </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="blueviolet"> <p class="tablewhite">blueviolet</p>
      <p class="tablewhite">138,43,226<br>
        8A2BE2 </p></td>
    <td width="25%" bgcolor="fuchsia"> <p class="tablewhite">fuchsia</p>
      <p class="tablewhite">255,0,255<br>
        FF00FF </p></td>
    <td width="25%" bgcolor="maroon"> <p class="table">maroon</p>
      <p class="table">128,0,0<br>
        800000 </p></td>
    <td width="25%" bgcolor="royalblue"> <p class="tablewhite">royalblue</p>
      <p class="tablewhite">65,105,225<br>
        4169E1 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="brown"> <p class="table">brown</p>
      <p class="table">165,42,42<br>
        A52A2A </p></td>
    <td width="25%" bgcolor="gainsboro"> <p class="table">gainsboro</p>
      <p class="table">220,220,220<br>
        DCDCDC </p></td>
    <td width="25%" bgcolor="mediumaquamarine"> <p class="table">mediumaquamarine</p>
      <p class="table">102,205,170<br>
        66CDAA </p></td>
    <td width="25%" bgcolor="saddlebrown"> <p class="tablewhite">saddlebrown</p>
      <p class="tablewhite">139,69,19<br>
        8B4513 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="burlywood"> <p class="table">burlywood</p>
      <p class="table">222,184,135<br>
        DEB887 </p></td>
    <td width="25%" bgcolor="ghostwhite"> <p class="table">ghostwhite</p>
      <p class="table">248,248,255<br>
        F8F8FF </p></td>
    <td width="25%" bgcolor="mediumblue"> <p class="table">mediumblue</p>
      <p class="tablewhite">0,0,205<br>
        0000CD </p></td>
    <td width="25%" bgcolor="salmon"> <p class="table">salmon</p>
      <p class="table">250,128,114<br>
        FA8072 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="cadetblue"> <p class="table">cadetblue</p>
      <p class="table">95,158,160<br>
        5F9EA0 </p></td>
    <td width="25%" bgcolor="gold"> <p class="table">gold</p>
      <p class="table">255,215,0<br>
        FFD700 </p></td>
    <td width="25%" bgcolor="mediumorchid"> <p class="table">mediumorchid</p>
      <p class="table">186,85,211<br>
        BA55D3 </p></td>
    <td width="25%" bgcolor="sandybrown"> <p class="table">sandybrown</p>
      <p class="table">244,164,96<br>
        F4A460 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="chartreuse"> <p class="table">chartreuse</p>
      <p class="table">127,255,0<br>
        7FFF00 </p></td>
    <td width="25%" bgcolor="goldenrod"> <p class="table">goldenrod</p>
      <p class="table">218,165,32<br>
        DAA520 </p></td>
    <td width="25%" bgcolor="mediumpurple"> <p class="table">mediumpurple</p>
      <p class="table">147,112,219<br>
        9370DB </p></td>
    <td width="25%" bgcolor="seagreen"> <p class="table"><font color="#FFFFFF">seagreen</font></p>
      <p class="tablewhite">46,139,87<br>
        2E8B57 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="chocolate"> <p class="table">chocolate</p>
      <p class="table">210,105,30<br>
        D2691E </p></td>
    <td width="25%" bgcolor="gray"> <p class="table">gray</p>
      <p class="table">128,128,128<br>
        808080 </p></td>
    <td width="25%" bgcolor="mediumseagreen"> <p class="table">mediumseagreen</p>
      <p class="table">60,179,113<br>
        3CB371 </p></td>
    <td width="25%" bgcolor="seashell"> <p class="table">seashell</p>
      <p class="table">255,245,238<br>
        FFF5EE </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="coral"> <p class="table">coral</p>
      <p class="table">255,127,80<br>
        FF7F50 </p></td>
    <td width="25%" bgcolor="green"> <p class="tablewhite">green</p>
      <p class="tablewhite">0,128,0<br>
        008000 </p></td>
    <td width="25%" bgcolor="mediumslateblue"> <p class="table">mediumslateblue</p>
      <p class="table">123,104,238<br>
        7B68EE </p></td>
    <td width="25%" bgcolor="sienna"> <p class="table">sienna</p>
      <p class="tablewhite">160,82,45<br>
        A0522D </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="cornflowerblue"> <p class="table">cornflowerblue</p>
      <p class="table">100,149,237<br>
        6495ED </p></td>
    <td width="25%" bgcolor="greenyellow"> <p class="table">greenyellow</p>
      <p class="table">173,255,47<br>
        ADFF2F </p></td>
    <td width="25%" bgcolor="mediumspringgreen"> <p class="table">mediumspringgreen</p>
      <p class="table">0,250,154<br>
        00FA9A </p></td>
    <td width="25%" bgcolor="silver"> <p class="table">silver</p>
      <p class="table">192,192,192<br>
        C0C0C0 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="cornsilk"> <p class="table">cornsilk</p>
      <p class="table">255,248,220<br>
        FFF8DC </p></td>
    <td width="25%" bgcolor="honeydew"> <p class="table">honeydew</p>
      <p class="table">240,255,240<br>
        F0FFF0 </p></td>
    <td width="25%" bgcolor="mediumturquoise"> <p class="table">mediumturquoise</p>
      <p class="table">72,209,204<br>
        48D1CC </p></td>
    <td width="25%" bgcolor="skyblue"> <p class="table">skyblue</p>
      <p class="table">135,206,235<br>
        87CEEB </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="crimson"> <p class="table">crimson</p>
      <p class="tablewhite">220,20,60<br>
        DC143C </p></td>
    <td width="25%" bgcolor="hotpink"> <p class="table">hotpink</p>
      <p class="table">255,105,180<br>
        FF69B4 </p></td>
    <td width="25%" bgcolor="mediumvioletred"> <p class="tablewhite">mediumvioletred</p>
      <p class="tablewhite">199,21,133<br>
        C71385 </p></td>
    <td width="25%" bgcolor="slateblue"> <p class="tablewhite">slateblue</p>
      <p class="tablewhite">106,90,205<br>
        6A5ACD </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="cyan"> <p class="table">cyan</p>
      <p class="table">0,255,255<br>
        00FFFF </p></td>
    <td width="25%" bgcolor="indianred"> <p class="table">indianred</p>
      <p class="table">205,92,92<br>
        CD5C5C </p></td>
    <td width="25%" bgcolor="midnightblue"> <p class="tablewhite">midnightblue</p>
      <p class="tablewhite">25,25,112<br>
        191970 </p></td>
    <td width="25%" bgcolor="slategray"> <p class="tablewhite">slategray</p>
      <p class="tablewhite">112,128,144<br>
        708090 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="darkblue"> <p class="tablewhite">darkblue</p>
      <p class="tablewhite">0,0,139<br>
        00008B </p></td>
    <td width="25%" bgcolor="indigo"> <p class="tablewhite">indigo</p>
      <p class="tablewhite">75,0,130<br>
        4B0082 </p></td>
    <td width="25%" bgcolor="mintcream"> <p class="table">mintcream</p>
      <p class="table">245,255,250<br>
        F5FFFA </p></td>
    <td width="25%" bgcolor="snow"> <p class="table">snow</p>
      <p class="table">255,250,250<br>
        FFFAFA </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="darkcyan"> <p class="tablewhite">darkcyan</p>
      <p class="tablewhite">0,139,139<br>
        008B8B </p></td>
    <td width="25%" bgcolor="ivory"> <p class="table">ivory</p>
      <p class="table">255,240,240<br>
        FFF0F0 </p></td>
    <td width="25%" bgcolor="mistyrose"> <p class="table">mistyrose</p>
      <p class="table">255,228,225<br>
        FFE4E1 </p></td>
    <td width="25%" bgcolor="springgreen"> <p class="table">springgreen</p>
      <p class="table">0,255,127<br>
        00FF7F </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="darkgoldenrod"> <p class="table">darkgoldenrod</p>
      <p class="table">184,134,11<br>
        B8860B </p></td>
    <td width="25%" bgcolor="khaki"> <p class="table">khaki</p>
      <p class="table">240,230,140<br>
        F0D58C </p></td>
    <td width="25%" bgcolor="moccasin"> <p class="table">moccasin</p>
      <p class="table">255,228,181<br>
        FFE4B5 </p></td>
    <td width="25%" bgcolor="steelblue"> <p class="table">steelblue</p>
      <p class="table">70,130,180<br>
        46,82,B4 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="darkgray"> <p class="table">darkgray</p>
      <p class="table">169,169,169<br>
        A9A9A9 </p></td>
    <td width="25%" bgcolor="lavender"> <p class="table">lavender</p>
      <p class="table">230,230,250<br>
        E6E6FA </p></td>
    <td width="25%" bgcolor="navajowhite"> <p class="table">navajowhite</p>
      <p class="table">255,222,173<br>
        FFDEAD </p></td>
    <td width="25%" bgcolor="tan"> <p class="table">tan</p>
      <p class="table">210,180,140<br>
        D2B48C </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="darkgreen"> <p class="tablewhite">darkgreen</p>
      <p class="tablewhite">0,100,0<br>
        006400 </p></td>
    <td width="25%" bgcolor="lavenderblush"> <p class="table">lavenderblush</p>
      <p class="table">255,240,245<br>
        FFF0F5 </p></td>
    <td width="25%" bgcolor="navy"> <p class="tablewhite">navy</p>
      <p class="tablewhite">0,0,128<br>
        000080 </p></td>
    <td width="25%" bgcolor="teal"> <p class="tablewhite">teal</p>
      <p class="tablewhite">0,128,128<br>
        008080 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="darkkhaki"> <p class="table">darkkhaki</p>
      <p class="table">189,183,107<br>
        BDB76B </p></td>
    <td width="25%" bgcolor="lawngreen"> <p class="table">lawngreen</p>
      <p class="table">124,252,0<br>
        7CFC00 </p></td>
    <td width="25%" bgcolor="oldlace"> <p class="table">oldlace</p>
      <p class="table">253,245,230<br>
        FDF5E6 </p></td>
    <td width="25%" bgcolor="thistle"> <p class="table">thistle</p>
      <p class="table">216,191,216<br>
        D8BFD8 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="darkmagenta"> <p class="tablewhite">darkmagenta</p>
      <p class="tablewhite">139,0,139<br>
        8B008B </p></td>
    <td width="25%" bgcolor="lemonchiffon"> <p class="table">lemonchiffon</p>
      <p class="table">255,250,205<br>
        FFFACD </p></td>
    <td width="25%" bgcolor="olive"> <p class="tablewhite">olive</p>
      <p class="tablewhite">128,128,0<br>
        808000 </p></td>
    <td width="25%" bgcolor="tomato"> <p class="tablewhite">tomato</p>
      <p class="tablewhite">253,99,71<br>
        FF6347 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="darkolivegreen"> <p class="tablewhite">darkolivegreen</p>
      <p class="tablewhite">85,107,47<br>
        556B2F </p></td>
    <td width="25%" bgcolor="lightblue"> <p class="table">lighblue</p>
      <p class="table">173,216,230<br>
        ADD8E6 </p></td>
    <td width="25%" bgcolor="olivedrab"> <p class="tablewhite">olivedrab</p>
      <p class="tablewhite">107,142,35<br>
        6B8E23 </p></td>
    <td width="25%" bgcolor="turquoise"> <p class="table">turquoise</p>
      <p class="table">64,224,208<br>
        40E0D0 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="darkorange"> <p class="table">darkorange</p>
      <p class="table">255,140,0<br>
        FF8C00 </p></td>
    <td width="25%" bgcolor="lightcoral"> <p class="table">lightcoral</p>
      <p class="table">240,128,128<br>
        F08080 </p></td>
    <td width="25%" bgcolor="orange"> <p class="table">orange</p>
      <p class="table">255,165,0<br>
        FFA500 </p></td>
    <td width="25%" bgcolor="violet"> <p class="table">violet</p>
      <p class="table">238,130,238<br>
        EE82EE </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="darkorchid"> <p class="tablewhite">darkorchid</p>
      <p class="tablewhite">153,50,204<br>
        9932CC </p></td>
    <td width="25%" bgcolor="lightcyan"> <p class="table">lightcyan</p>
      <p class="table">224,255,255<br>
        E0FFFF</p></td>
    <td width="25%" bgcolor="orangered"> <p class="tablewhite">orangered</p>
      <p class="tablewhite">255,69,0<br>
        FF4500 </p></td>
    <td width="25%" bgcolor="wheat"> <p class="table">wheat</p>
      <p class="table">245,222,179<br>
        F5DEB3 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="darkred"> <p class="tablewhite">darkred</p>
      <p class="tablewhite">139,0,0<br>
        8B0000 </p></td>
    <td width="25%" bgcolor="lightgoldenrodyellow"> <p class="table">lightgoldenrodyellow</p>
      <p class="table">250,250,210<br>
        FAFAD2 </p></td>
    <td width="25%" bgcolor="orchid"> <p class="table">orchid</p>
      <p class="table">218,112,214<br>
        DA70D6 </p></td>
    <td width="25%" bgcolor="white"> <p class="table">white</p>
      <p class="table">255,255,255<br>
        FFFFFF </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="darksalmon"> <p class="table">darksalmon</p>
      <p class="table">233,150,122<br>
        E9967A </p></td>
    <td width="25%" bgcolor="lightgreen"> <p class="table">lightgreen</p>
      <p class="table">144,238,144<br>
        90EE90 </p></td>
    <td width="25%" bgcolor="palegoldenrod"> <p class="table">palegoldenrod</p>
      <p class="table">238,232,170<br>
        EEE8AA </p></td>
    <td width="25%" bgcolor="whitesmoke"> <p class="table">whitesmoke</p>
      <p class="table">245,245,245<br>
        F5F5F5 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="darkseagreen"> <p class="table">darkseagreen</p>
      <p class="table">143,188,143<br>
        8FBC8F </p></td>
    <td width="25%" bgcolor="lightgrey"> <p class="table">lightgrey</p>
      <p class="table">211,211,211<br>
        D3D3D3 </p></td>
    <td width="25%" bgcolor="palegreen"> <p class="table">palegreen</p>
      <p class="table">152,251,152<br>
        98FB98 </p></td>
    <td width="25%" bgcolor="yellow"> <p class="table">yellow</p>
      <p class="table">255,255,0<br>
        FFFF00 </p></td>
  </tr>
  <tr> 
    <td width="25%" bgcolor="darkslateblue"> <p class="tablewhite">darkslateblue</p>
      <p class="tablewhite">72,61,139<br>
        483D8B </p></td>
    <td width="25%" bgcolor="lightpink"> <p class="table">lightpink</p>
      <p class="table">255,182,193<br>
        FFB6C1 </p></td>
    <td width="25%" bgcolor="paleturquoise"> <p class="table">paleturquoise</p>
      <p class="table">175,238,238<br>
        AFEEEE</p></td>
    <td width="25%" bgcolor="yellowgreen"> <p class="table">yellowgreen</p>
      <p class="table">154,205,50<br>
        9ACD32 </p></td>
  </tr>
</table>
</BODY>
</HTML>

           
       



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Reference
» Color