WebColors - HTML Background Selector 0.02

Here's a table of web colors you may find useful for HTML pages, etc.


Introduction

After looking at various color tables and web-site design programs, seeking background colors for some new pages, none were suitable for finding light backgrounds for dark text. Many had teeeensy patches of color---too small to get a good sense of what it would look like on a broad expanse of screen. Others were organized poorly, with very similar colors placed too far apart to do a close comparison. Some made it difficult to copy&paste from them. Some included historical colors no longer supported or supported only by obscure browsers. Some had no color codes (or even names).

To do this job, a color chart should:

  • have larger color patches,
  • place similar colors right next to each other,
  • be compatible with IE and Netscape (at least 4.x),
  • have a narrow-window profile for examining the color chart and target page side-by-side and copying/pasting as needed,
  • show black text against each background color in the two main typefaces,
  • display some very tiny text to compare its readability against various backgrounds,
  • contrast the background with the typical white input field, and
  • present the typical link colors against each background color.
Hence this chart. Version 0.02 reflects a personal focus on beige/tan/ivory shades. A secondary focus was shades of gray. Other colors are included, in no particular order, in case they're needed someday.

Credit: Matt Kahn, MAS Computer User Group, http://www.masny.com




Beige, tan, and other light colors

#FFFFFF
font color: white
  Links: Active, Unvisited, Visited
#FFFAFA
font color: snow
  Links: Active, Unvisited, Visited
#FFFAF0
font color: floralwhite
  Links: Active, Unvisited, Visited
#FFFFF0
font color: ivory
  Links: Active, Unvisited, Visited
#F5F5DC
font color: beige
  Links: Active, Unvisited, Visited
#FFF8DC
font color: cornsilk
  Links: Active, Unvisited, Visited
#FDF5E6
font color: oldlace
  Links: Active, Unvisited, Visited
#FAF0E6
font color: linen
  Links: Active, Unvisited, Visited
#FAEBD7
font color: antiquewhite
  Links: Active, Unvisited, Visited
#FFEFD5
font color: papayawhip
  Links: Active, Unvisited, Visited
#FFEBCD
font color: blanchedalmond
  Links: Active, Unvisited, Visited
#FFE4B5
font color: moccasin
  Links: Active, Unvisited, Visited
#FFE4C4
font color: bisque
  Links: Active, Unvisited, Visited
#FFDAB9
font color: peachpuff
  Links: Active, Unvisited, Visited
#F5DEB3
font color: wheat
  Links: Active, Unvisited, Visited
#FFDEAD
font color: navajowhite
  Links: Active, Unvisited, Visited
#FFFFE0
font color: lightyellow
  Links: Active, Unvisited, Visited
#FFFACD
font color: lemonchiffon
  Links: Active, Unvisited, Visited
#FAFAD2
font color: lightgoldenrodyellow
  Links: Active, Unvisited, Visited
#EEE8AA
font color: palegoldenrod
  Links: Active, Unvisited, Visited
#F5FFFA
font color: mintcream
  Links: Active, Unvisited, Visited
#F0FFFF
font color: azure
  Links: Active, Unvisited, Visited
#E0FFFF
font color: lightcyan
  Links: Active, Unvisited, Visited
#FFF5EE
font color: seashell
  Links: Active, Unvisited, Visited
#FFF0F5
font color: lavenderblush
  Links: Active, Unvisited, Visited
#F8F8FF
font color: ghostwhite
  Links: Active, Unvisited, Visited
#F0FFF0
font color: honeydew
  Links: Active, Unvisited, Visited


Gray and related colors


#DCDCDC
font color: gainsboro
  Links: Active, Unvisited, Visited
#D3D3D3
font color: lightgrey
  Links: Active, Unvisited, Visited
#C0C0C0
font color: silver
  Links: Active, Unvisited, Visited
#A9A9A9
font color: darkgray
  Links: Active, Unvisited, Visited
#808080
font color: gray
  Links: Active, Unvisited, Visited
#696969
font color: dimgray
  Links: Active, Unvisited, Visited
#778899
font color: lightslategray
  Links: Active, Unvisited, Visited
#708090
font color: slategray
  Links: Active, Unvisited, Visited
#2F4F4F
font color: darkslategray
  Links: Active, Unvisited, Visited


Other colors, including non-background colors


#B0C4DE
font color: lightsteelblue
  Links: Active, Unvisited, Visited
#FFD700
font color: gold
  Links: Active, Unvisited, Visited
#DAA520
font color: goldenrod
  Links: Active, Unvisited, Visited
#F0E68C
font color: khaki
  Links: Active, Unvisited, Visited
#F4A460
font color: sandybrown
  Links: Active, Unvisited, Visited
#D2B48C
font color: tan
  Links: Active, Unvisited, Visited
#000000
font color: black
  Links: Active, Unvisited, Visited
#0000FF
font color: blue
  Links: Active, Unvisited, Visited
#8A2BE2
font color: blueviolet
  Links: Active, Unvisited, Visited
#A52A2A
font color: brown
  Links: Active, Unvisited, Visited
#DEB887
font color: burlywood
  Links: Active, Unvisited, Visited
#5F9EA0
font color: cadetblue
  Links: Active, Unvisited, Visited
#7FFF00
font color: chartreuse
  Links: Active, Unvisited, Visited
#D2691E
font color: chocolate
  Links: Active, Unvisited, Visited
#FF7F50
font color: coral
  Links: Active, Unvisited, Visited
#6495ED
font color: cornflowerblue
  Links: Active, Unvisited, Visited
#DC143C
font color: crimson
  Links: Active, Unvisited, Visited
#00FFFF
font color: cyan
  Links: Active, Unvisited, Visited
#00FFFF
font color: aqua
  Links: Active, Unvisited, Visited
#7FFFD4
font color: aquamarine
  Links: Active, Unvisited, Visited
#00008B
font color: darkblue
  Links: Active, Unvisited, Visited
#008B8B
font color: darkcyan
  Links: Active, Unvisited, Visited
#B8860B
font color: darkgoldenrod
  Links: Active, Unvisited, Visited
#006400
font color: darkgreen
  Links: Active, Unvisited, Visited
#BDB76B
font color: darkkhaki
  Links: Active, Unvisited, Visited
#8B008B
font color: darkmagenta
  Links: Active, Unvisited, Visited
#556B2F
font color: darkolivegreen
  Links: Active, Unvisited, Visited
#FF8C00
font color: darkorange
  Links: Active, Unvisited, Visited
#9932CC
font color: darkorchid
  Links: Active, Unvisited, Visited
#8B0000
font color: darkred
  Links: Active, Unvisited, Visited
#E9967A
font color: darksalmon
  Links: Active, Unvisited, Visited
#8FBC8F
font color: darkseagreen
  Links: Active, Unvisited, Visited
#483D8B
font color: darkslateblue
  Links: Active, Unvisited, Visited
#00CED1
font color: darkturquoise
  Links: Active, Unvisited, Visited
#9400D3
font color: darkviolet
  Links: Active, Unvisited, Visited
#FF1493
font color: deeppink
  Links: Active, Unvisited, Visited
#1E90FF
font color: dodgerblue
  Links: Active, Unvisited, Visited
#B22222
font color: firebrick
  Links: Active, Unvisited, Visited
#228B22
font color: forestgreen
  Links: Active, Unvisited, Visited
#FF00FF
font color: fuchsia
  Links: Active, Unvisited, Visited
#008000
font color: green
  Links: Active, Unvisited, Visited
#ADFF2F
font color: greenyellow
  Links: Active, Unvisited, Visited
#FF69B4
font color: hotpink
  Links: Active, Unvisited, Visited
#CD5C5C
font color: indianred
  Links: Active, Unvisited, Visited
#4B0082
font color: indigo
  Links: Active, Unvisited, Visited
#E6E6FA
font color: lavender
  Links: Active, Unvisited, Visited
#7CFC00
font color: lawngreen
  Links: Active, Unvisited, Visited
#ADD8E6
font color: lightblue
  Links: Active, Unvisited, Visited
#F08080
font color: lightcoral
  Links: Active, Unvisited, Visited
#90EE90
font color: lightgreen
  Links: Active, Unvisited, Visited
#FFB6C1
font color: lightpink
  Links: Active, Unvisited, Visited
#FFA07A
font color: lightsalmon
  Links: Active, Unvisited, Visited
#20B2AA
font color: lightseagreen
  Links: Active, Unvisited, Visited
#87CEFA
font color: lightskyblue
  Links: Active, Unvisited, Visited
#00FF00
font color: lime
  Links: Active, Unvisited, Visited
#32CD32
font color: limegreen
  Links: Active, Unvisited, Visited
#FF00FF
font color: magenta
  Links: Active, Unvisited, Visited
#800000
font color: maroon
  Links: Active, Unvisited, Visited
#66CDAA
font color: mediumaquamarine
  Links: Active, Unvisited, Visited
#0000CD
font color: mediumblue
  Links: Active, Unvisited, Visited
#BA55D3
font color: mediumorchid
  Links: Active, Unvisited, Visited
#9370DB
font color: mediumpurple
  Links: Active, Unvisited, Visited
#3CB371
font color: mediumseagreen
  Links: Active, Unvisited, Visited
#7B68EE
font color: mediumslateblue
  Links: Active, Unvisited, Visited
#00FA9A
font color: mediumspringgreen
  Links: Active, Unvisited, Visited
#48D1CC
font color: mediumturquoise
  Links: Active, Unvisited, Visited
#C71585
font color: mediumvioletred
  Links: Active, Unvisited, Visited
#191970
font color: midnightblue
  Links: Active, Unvisited, Visited
#FFE4E1
font color: mistyrose
  Links: Active, Unvisited, Visited
#000080
font color: navy
  Links: Active, Unvisited, Visited
#808000
font color: olive
  Links: Active, Unvisited, Visited
#6B8E23
font color: olivedrab
  Links: Active, Unvisited, Visited
#FFA500
font color: orange
  Links: Active, Unvisited, Visited
#FF4500
font color: orangered
  Links: Active, Unvisited, Visited
#DA70D6
font color: orchid
  Links: Active, Unvisited, Visited
#98FB98
font color: palegreen
  Links: Active, Unvisited, Visited
#AFEEEE
font color: paleturquoise
  Links: Active, Unvisited, Visited
#DB7093
font color: palevioletred
  Links: Active, Unvisited, Visited
#CD853F
font color: peru
  Links: Active, Unvisited, Visited
#FFC0CB
font color: pink
  Links: Active, Unvisited, Visited
#DDA0DD
font color: plum
  Links: Active, Unvisited, Visited
#B0E0E6
font color: powderblue
  Links: Active, Unvisited, Visited
#800080
font color: purple
  Links: Active, Unvisited, Visited
#FF0000
font color: red
  Links: Active, Unvisited, Visited
#BC8F8F
font color: rosybrown
  Links: Active, Unvisited, Visited
#4169E1
font color: royalblue
  Links: Active, Unvisited, Visited
#8B4513
font color: saddlebrown
  Links: Active, Unvisited, Visited
#FA8072
font color: salmon
  Links: Active, Unvisited, Visited
#2E8B57
font color: seagreen
  Links: Active, Unvisited, Visited
#A0522D
font color: sienna
  Links: Active, Unvisited, Visited
#87CEEB
font color: skyblue
  Links: Active, Unvisited, Visited
#6A5ACD
font color: slateblue
  Links: Active, Unvisited, Visited
#00FF7F
font color: springgreen
  Links: Active, Unvisited, Visited
#4682B4
font color: steelblue
  Links: Active, Unvisited, Visited
#008080
font color: teal
  Links: Active, Unvisited, Visited
#D8BFD8
font color: thistle
  Links: Active, Unvisited, Visited
#FF6347
font color: tomato
  Links: Active, Unvisited, Visited
#40E0D0
font color: turquoise
  Links: Active, Unvisited, Visited
#EE82EE
font color: violet
  Links: Active, Unvisited, Visited
#FFFF00
font color: yellow
  Links: Active, Unvisited, Visited
#9ACD32
font color: yellowgreen
  Links: Active, Unvisited, Visited
ਊ㰊瑨汭㰾栯浴㹬