For your webpages to display a certain color background, text or links,
you may use either predefined colour names or hexadecimal values in your
HTML code.
Color names are listed below, along with their red-green-blue (RGB) and hexadecimal values. Your browser may not display all named colours correctly, in which case there will be differences with the colors specified as hexadecimal. Provided your screen is capable of displaying at a sufficient colour-depth, the hexadecimal-specified colors should be taken as correct. Even so, Windows' colour accuracy isn't too good and there is variation between browsers of the actual colors displayed. The colour names have been tested in "bog standard" Windows browsers (Explorer3 and Navigator3) as well as Opera3.6. Anomalies with these browsers are noted by use of E(xplorer), N(avigator) or O(pera) alongside the color name. The text colours have been chosen to display against whatever colors (black, red, green, white) may be erroneously displayed. The pale named colours are handled best by Navigator, but where these display as white on a 256-color screen the problem is noted with a question-mark [?]. There are other webpages at this site which display a more restricted list of named colours which should be usable on most systems, with special attention paid to the Arachne browser for DOS. Arachne's support for named colors is poor, but it is far more accurate at displaying the hexadecimal-specified versions on a 256-colour display. This is certainly useful for test purposes, but for webpages to be viewable as intended by the maximum audience it is necessary to use a restricted palette. Note: Both spellings of gray/grey are supposed to be permissible. International and US spellings for "colour" have been alternated in the text. |
Colour Names |
RGB Values |
Hexadecimal Values |
aliceblue [N][?] | 240, 248, 255 | #F0F8FF |
antiquewhite [O] | 250, 235, 215 | #FAEBD7 |
aqua | 0, 255, 255 | #00FFFF |
aquamarine [O] | 127, 255, 212 | #7FFFD4 |
azure [?] | 240, 255, 255 | #F0FFFF |
beige [O] | 245, 245, 220 | #F5F5DC |
bisque [O] | 255, 228, 196 | #FFE4C4 |
black | 0, 0, 0 | #000000 |
blanchedalmond [O] | 255, 235, 205 | #FFEBCD |
blue | 0, 0, 255 | #0000FF |
blueviolet [O] | 138, 43, 226 | #8A2BE2 |
brown | 128, 42, 42 | #A52A2A |
burlywood [O] | 222, 184, 135 | #DEB887 |
cadetblue | 95, 158, 160 | #5F9EA0 |
chartreuse | 127, 255, 0 | #7FFF00 |
chocolate | 210, 105, 30 | #D2691E |
coral | 255, 127, 80 | #FF7F50 |
cornflowerblue [O] | 100, 149, 237 | #6495ED |
cornsilk [O] | 255, 248, 220 | #FFF8DC |
crimson [O] | 220, 20, 60 | #DC143C |
cyan | 0, 255, 255 | #00FFFF |
darkblue [O] | 0, 0, 139 | #00008B |
darkcyan [O] | 0, 139, 139 | #008B8B |
darkgoldenrod [O] | 184, 134, 11 | #B8860B |
darkgray [O] | 169, 169, 169 | #A9A9A9 |
darkgrey [E,N,O] | 169, 169, 169 | #A9A9A9 |
darkgreen [O] | 0, 100, 0 | #006400 |
darkkhaki | 189, 183, 107 | #BDB76B |
darkmagenta [O] | 139, 0, 139 | #8B008B |
darkolivegreen [O] | 85, 107, 47 | #556B2F |
darkorange | 255, 140, 0 | #FF8C00 |
darkorchid [O] | 153, 50, 204 | #9932CC |
darkred [O] | 139, 0, 0 | #8B0000 |
darksalmon | 233, 150, 122 | #E9967A |
darkseagreen | 143, 188, 143 | #8FBC8F |
darkslateblue [O] | 72, 61, 139 | #483D8B |
darkslategray | 47, 79, 79 | #2F4F4F |
darkslategrey [E,N,O] | 47, 79, 79 | #2F4F4F |
darkturquoise [O] | 0, 206, 209 | #00CED1 |
darkviolet | 148, 0, 211 | #9400D3 |
deeppink | 255, 20, 147 | #FF1493 |
deepskyblue | 0, 191, 255 | #00BFFF |
dimgray [O] | 105, 105, 105 | #696969 |
dimgrey [E,N,O] | 105, 105, 105 | #696969 |
dodgerblue | 30, 144, 255 | #1E90FF |
firebrick [O] | 178, 34, 34 | #B22222 |
floralwhite [?] | 255, 250, 240 | #FFFAF0 |
forestgreen [O] | 34, 139, 34 | #228B22 |
fuchsia | 255, 0, 255 | #FF00FF |
gainsboro | 220, 220, 220 | #DCDCDC |
ghostwhite [?] | 248, 248, 255 | #F8F8FF |
gold [O] | 255, 215, 0 | #FFD700 |
goldenrod [O] | 218, 165, 32 | #DAA520 |
gray | 128, 128, 128 | #808080 |
grey [E,N,O] | 128, 128, 128 | #808080 |
green | 0, 128, 0 | #008000 |
greenyellow | 173, 255, 47 | #ADFF2F |
honeydew [?] | 240, 255, 240 | #F0FFF0 |
hotpink | 255, 105, 180 | #FF69B4 |
indianred [O] | 205, 92, 92 | #CD5C5C |
indigo [O] | 75, 0, 130 | #4B0082 |
ivory [?] | 255, 255, 240 | #FFFFF0 |
khaki [O] | 240, 230, 140 | #F0E68C |
lavender [?] | 230, 230, 250 | #E6E6FA |
lavenderblush [?] | 255, 240, 245 | #FFF0F5 |
lawngreen | 124, 252, 0 | #7CFC00 |
lemonchiffon [O] | 255, 250, 205 | #FFFACD |
lightblue | 173, 216, 230 | #ADD8E6 |
lightcoral [O] | 240, 128, 128 | #F08080 |
lightcyan [O] | 224, 255, 255 | #E0FFFF |
lightgoldenrodyellow [O] | 250, 250, 210 | #FAFAD2 |
lightgray [E,N,O] | 211, 211, 211 | #D3D3D3 |
lightgrey [O] | 211, 211, 211 | #D3D3D3 |
lightgreen [O] | 144, 238, 144 | #90EE90 |
lightpink | 255, 182, 193 | #FFB6C1 |
lightsalmon | 255, 160, 122 | #FFA07A |
lightseagreen [E,N,O] | 32, 178, 170 | #20B2AA |
lightskyblue | 135, 206, 250 | #87CEFA |
lightslategray [O] | 119, 136, 153 | #778899 |
lightslategrey [E,N,O] | 119, 136, 153 | #778899 |
lightsteelblue [O] | 176, 196, 222 | #B0C4DE |
lightyellow [?] | 255, 255, 224 | #FFFFE0 |
lime | 0, 255, 0 | #00FF00 |
limegreen [O] | 50, 205, 50 | #32CD32 |
linen [?] | 250, 240, 230 | #FAF0E6 |
magenta | 255, 0, 255 | #FF00FF |
maroon | 128, 0, 0 | #800000 |
mediumaquamarine [O] | 102, 205, 170 | #66CDAA |
mediumblue | 0, 0, 205 | #0000CD |
mediumgreen [E,N,O] | 0, 250, 154 | #00FA9A |
mediumorchid | 186, 85, 211 | #BA55D3 |
mediumpurple | 147, 112, 219 | #9370DB |
mediumseagreen [O] | 60, 179, 113 | #3CB371 |
mediumslateblue [O] | 123, 104, 238 | #7B68EE |
mediumspringgreen [O] | 0, 250, 154 | #00FA9A |
mediumturquoise | 72, 209, 204 | #48D1CC |
mediumvioletred | 199, 21, 133 | #C71585 |
midnightblue | 25, 25, 112 | #191970 |
mintcream [?] | 245, 255, 250 | #F5FFFA |
mistyrose [O,N] | 255, 228, 225 | #FFE4E1 |
moccasin [O] | 255, 228, 181 | #FFE4B5 |
navajowhite [O] | 255, 222, 173 | #FFDEAD |
navy | 0, 0, 128 | #000080 |
navyblue [E,N,O] | 0, 0, 128 | #000080 |
oldlace [?] | 253, 245, 230 | #FDF5E6 |
olive | 128, 128, 0 | #808000 |
olivedrab [O] | 107, 142, 35 | #6B8E23 |
orange | 255, 165, 0 | #FFA500 |
orangered | 255, 69, 0 | #FF4500 |
orchid | 218, 112, 214 | #DA70D6 |
palegoldenrod [O] | 238, 232, 170 | #EEE8AA |
palegreen [O] | 152, 251, 152 | #98FB98 |
paleturquoise | 175, 238, 238 | #AFEEEE |
palevioletred [O] | 219, 112, 147 | #DB7093 |
papayawhip [O] | 255, 239, 213 | #FFEFD5 |
peachpuff [O] | 255, 218, 185 | #FFDAB9 |
peru [O] | 205, 133, 63 | #CD853F |
pink | 255, 192, 203 | #FFC0CB |
plum [O] | 221, 160, 221 | #DDA0DD |
powderblue | 176, 224, 230 | #B0E0E6 |
purple | 128, 0, 128 | #800080 |
red | 255, 0, 0 | #FF0000 |
rosybrown | 188, 143, 143 | #BC8F8F |
royalblue | 65, 105, 225 | #4169E1 |
saddlebrown [O] | 139, 69, 19 | #8B4513 |
salmon [O] | 250, 128, 114 | #FA8072 |
sandybrown [O] | 244, 164, 96 | #F4A460 |
seagreen | 46, 139, 87 | #2E8B57 |
seashell [?] | 255, 245, 238 | #FFF5EE |
sienna [O] | 160, 82, 45 | #A0522D |
silver | 192, 192, 192 | #C0C0C0 |
skyblue [O] | 135, 206, 235 | #87CEEB |
slateblue [O] | 106, 90, 205 | #6A5ACD |
slategray | 112, 128, 144 | #708090 |
slategrey [E,N,O] | 112, 128, 144 | #708090 |
snow [?] | 255, 250, 250 | #FFFAFA |
springgreen [O] | 0, 255, 127 | #00FF7F |
steelblue [O] | 70, 130, 180 | #4682B4 |
tan [O] | 210, 180, 140 | #D2B48C |
teal | 0, 128, 128 | #008080 |
thistle | 216, 191, 216 | #D8BFD8 |
tomato [O] | 255, 99, 71 | #FF6347 |
turquoise [O] | 64, 224, 208 | #40E0D0 |
violet [O] | 238, 130, 238 | #EE82EE |
wheat [O] | 245, 222, 179 | #F5DEB3 |
white | 255, 255, 255 | #FFFFFF |
whitesmoke [?] | 245, 245, 245 | #F5F5F5 |
yellow | 255, 255, 0 | #FFFF00 |
yellowgreen [O] | 154, 205, 50 | #9ACD32 |
Phew! That's complicated, have you anything simpler?
Yep, here's a basic palette suitable for 256-colour
displays.
This page has been designed to be easily saved to your own machine for
offline use. It is one of
a series of practical webtools developed by
Jake Young, email: jake@wymondham.zzn.com
Sitemap Tools Index