This is a legacy document, and retained on the site in order to avoid link rot. The content is likely no longer (a) accurate, (b) representative of the views and philosophies of current site management, or (c) up to date.

YMMV using the named color instead of the RGB notation. If the RGB notation has characters other than C, F, 3, 6, 9, and 0, then the color is not among those referred to as "Netscape safe'. Such colors may look very different if viewed with another browser, or on another platform.

.aliceblue{background: aliceblue} /*F0F8FF* (not for NN)/
.antiquewhite{background:antiquewhite} /*FAEBD7*/
.aqua{background: aqua} /*00FFFF*/
.aquamarine{background: aquamarine} /*7FFFD4*/
.azure{background: azure} /*F0FFFF*/
.beige{background: beige} /*F5F5DC*/
.bisque{background: bisque} /*FFE4C4*/
.black{background: black} /*000000*/
.blanchedalmond{background: blanchedalmond} /*FFEBCD*/
.blue{background: blue} /*0000FF*/
.blueviolet{background: blueviolet} /*8A2BE2*/
.brown{background: brown} /*A52A2A*/
.burlywood{background: burlywood} /*DEB887*/
.cadetblue{background: cadetblue} /*5F9EA0*/
.chartreuse{background: chartreuse} /*7FFF00*/
.chocolate{background: chocolate} /*D2691E*/
.coral{background: coral} /*FF7F50*/
.cornflowerblue{background: cornflowerblue} /*6495ED*/
.cornsilk{background: cornsilk} /*FFF8DC*/
.crimson{background: crimson} /*DC143C*/
.cyan{background: cyan} /*00FFFF*/
.darkblue{background: darkblue} /*00008B*/
.darkcyan{background: darkcyan} /*008B8B*/
.darkgoldenrod{background: darkgoldenrod} /*B8860B*/
.darkgray{background: darkgray} /*A9A9A9*/
.darkgreen{background: darkgreen} /*006400*/
.darkkhaki{background: darkkhaki} /*BDB76B*/
.darkmagenta{background: darkmagenta} /*8B008B*/
.darkolivegreen{background: darkolivegreen} /*556B2F*/
.darkorange{background: darkorange} /*FF8C00*/
.darkorchid{background: darkorchid} /*9932CC*/
.darkred{background: darkred} /*8B0000*/
.darksalmon{background: darksalmon} /*E9967A*/
.darkseagreen{background: darkseagreen} /*8FBC8F*/
.darkslateblue{background: darkslateblue} /*483D8B*/
.darkslategray{background: darkslategray} /*2F4F4F*/
.darkturquoise{background: darkturquoise} /*00CED1*/
.darkviolet{background: darkviolet} /*9400D3*/
.deeppink{background: deeppink} /*FF1493*/
.deepskyblue{background: deepskyblue} /*00BFFF*/
.dimgray{background: dimgray} /*696969*/
.dodgerblue{background: dodgerblue} /*1E90FF*/
.firebrick{background: firebrick} /*B22222*/
.floralwhite{background: floralwhite} /*FFFAF0*/
.forestgreen{background: forestgreen} /*228B22*/
.fuchsia{background: fuchsia} /*FF00FF*/
.gainsboro{background: gainsboro} /*DCDCDC*/
.ghostwhite{background: ghostwhite} /*F8F8FF*/
.gold{background: gold} /*FFD700*/
.goldenrod{background: goldenrod} /*DAA520*/
.gray{background: gray} /*808080*/
.green{background: green} /*008000*/
.greenyellow{background: greenyellow} /*ADFF2F*/
.honeydew{background: honeydew} /*F0FFF0*/
.hotpink{background: hotpink} /*FF69B4*/
.indianred{background: indianred} /*CD5C5C*/
.indigo{background: indigo} /*4B0082*/
.ivory{background: ivory} /*FFFFF0*/
.khaki{background: khaki} /*F0E68C*/
.lavender{background: lavender} /*E6E6FA*/
.lavenderblush{background: lavenderblush} /*FFF0F5*/
.lawngreen{background: lawngreen} /*7CFC00*/
.lemonchiffon{background: lemonchiffon} /*FFFACD*/
.lightblue{background: lightblue} /*ADD8E6*/
.lightcoral{background: lightcoral} /*F08080*/
.lightcyan{background: lightcyan} /*E0FFFF*/
.lightgoldenrodyellow{background: lightgoldenrodyellow} /*FAFAD2*/
.lightgreen{background: lightgreen} /*90EE90*/
.lightgrey{background: lightgrey} /*D3D3D3*/
.lightpink{background: lightpink} /*FFB6C1*/
.lightsalmon{background: lightsalmon} /*FFA07A*/
.lightseagreen{background: lightseagreen} /*20B2AA*/
.lightskyblue{background: lightskyblue} /*87CEFA*/
.lightslategray{background: lightslategray} /*778899*/
.lightsteelblue{background: lightsteelblue} /*B0C4DE*/
.lightyellow{background: lightyellow} /*FFFFE0*/
.lime{background: lime} /*00FF00*/
.limegreen{background: limegreen} /*32CD32*/
.linen{background: linen} /*FAF0E6*/
.magenta{background: magenta} /*FF00FF*/* same as fucshia*/
.maroon{background: maroon} /*800000*/
.mediumaquamarine{background: mediumaquamarine} /*66CDAA*/
.mediumblue{background: mediumblue} /*0000CD*/
.mediumorchid{background: mediumorchid} /*BA55D3*/
.mediumpurple{background: mediumpurple} /*9370DB*/
.mediumseagreen{background: mediumseagreen} /*3CB371*/
.mediumslateblue{background: mediumslateblue} /*7B68EE*/
.mediumspringgreen{background: mediumspringgreen} /*00FA9A*/
.mediumturquoise{background: mediumturquoise} /*48D1CC*/
.mediumvioletred{background: mediumvioletred} /*C71585*/
.midnightblue{background: midnightblue} /*191970*/
.mintcream{background: mintcream} /*F5FFFA*/
.mistyrose{background: mistyrose} /*FFE4E1*/
.moccasin{background: moccasin} /*FFE4B5*/
.navajowhite{background: navajowhite} /*FFDEAD*/
.navy{background: navy} /*000080*/
.oldlace{background: oldlace} /*FDF5E6*/
.olive{background: olive} /*808000*/
.olivedrab{background: olivedrab} /*6B8E23*/
.orange{background: orange} /*FFA500*/
.orangered{background: orangered} /*FF4500*/
.orchid{background: orchid} /*DA70D6*/
.palegoldenrod{background: palegoldenrod} /*EEE8AA*/
.palegreen{background: palegreen} /*98FB98*/
.paleturquoise{background: paleturquoise} /*AFEEEE*/
.palevioletred{background: palevioletred} /*DB7093*/
.papayawhip{background: papayawhip} /*FFEFD5*/
.peachpuff{background: peachpuff} /*FFDAB9*/
.peru{background: peru} /*CD853F*/
.pink{background: pink} /*FFC0CB*/
.plum{background: plum} /*DDA0DD*/
.powderblue{background: powderblue} /*B0E0E6*/
.purple{background: purple} /*800080*/
.red{background: red} /*FF0000*/
.rosybrown{background: rosybrown} /*BC8F8F*/
.royalblue{background: royalblue} /*4169E1*/
.saddlebrown{background: saddlebrown} /*8B4513*/
.salmon{background: salmon} /*FA8072*/
.sandybrown{background: sandybrown} /*F4A460*/
.seagreen{background: seagreen} /*2E8B57*/
.seashell{background: seashell} /*FFF5EE*/
.sienna{background: sienna} /*A0522D*/
.silver{background: silver} /*C0C0C0*/
.skyblue{background: skyblue} /*87CEEB*/
.slateblue{background: slateblue} /*6A5ACD*/
.slategray{background: slategray} /*708090*/
.snow{background: snow} /*FFFAFA*/
.springgreen{background: springgreen} /*00FF7F*/
.steelblue{background: steelblue} /*4682B4*/
.tan{background: tan} /*D2B48C*/
.teal{background: teal} /*008080*/
.thistle{background: thistle} /*D8BFD8*/
.tomato{background: tomato} /*FF6347*/
.turquoise{background: turquoise} /*40E0D0*/
.violet{background: violet} /*EE82EE*/
.wheat{background: wheat} /*F5DEB3*/
.white{background: white} /*FFFFFF*/
.whitesmoke{background: whitesmoke} /*F5F5F5*/
.yellow{background: yellow} /*FFFF00*/
.yellowgreen{background: yellowgreen} /*9ACD32*/

CSS Snippets

CSS Pointers

Contact: Sue Sims

webmaster@dev-archive.net