HTML Colour

Colors can be represented either as a six-digit hexadecimal value following the character “#”, or by the “HTML Color Name”.  For example, the general background of this page is the HTML Color Name defined as "Azure".

The HTML 4.01 standard defines a specific range of 141 Color Names, whereas the six-digit hexadecimal value is unrestricted in range.  The HTML 4.01 defined Color Names are illustrated on this page.

The newer XHTML 1.01 standard defines a more restricted range of 16 Color Names (see separate page).  A further page illustrates the contrast effect of coloured text against a coloured background, suggesting combinations might be more suitable than others.

In the list below, Color Names are listed with their hexadecimal equivalents.  Colors are exhibited in approximate order of overall colour intensity, from lightest to darkest.

Although most current browsers still support the HTML 4.01 standard, this level of support may change over time.  In particular, support for the full HTML 4.01 list should not be assumed to available on all portable and specialist display devices.

  1. To set the background-color property, use the construction:
            style="background-color:[color_name];"
  2. To set the foreground text color property, use the construction:
            style="color:[color_name];"
  3. To set the foreground border-color property, use the construction:
            style="border-color:[color_name];"
 

HTML 4.01 Color Names

Note that entries marked on the right with * are also included in the XHTML 1.01 list.

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

John Goodman