HTML Named Colors Reference

Borrowed and re-formatted from: http://www.bigbaer.com/sidebars/colors/

See also: http://www.w3.org/TR/css3-iccprof#x11-color

Alphabetical Color Names

Note: for XML/XHTML considerations, hex values are given using lower-case latin characters where alpha-numeric combinations represent the respective hex color value.

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

Named Colors by Lightness

HTML Named Colors for Web Design: The HTML Named Colors by Lightness and Gray Shades list can be used as a quick named color reference for Web Developers seeking complementary colors for web design color schemes.

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

Gray Shades Light to Dark

  white smoke [#f5f5f5]
  gainsboro [#dcdcdc]
  lightgrey [#d3d3d3]
  silver [#c0c0c0]
  darkgray [#a9a9a9]
  gray [#808080]
  dimgray [#696969]
  lightslategray [#778899]
  slategray [#708090]
  darkslategray [#2f4f4f]

The HTML Named Colors Reference presented here has been optimized for small screen rendering devices, hotlist, and sidebar applications. Small screen devices that strip CSS background-color from the document should use this page: HTML Named Colors Reference.


© 2003 BIG BAER Urban Alternative