HTML Colors

This page offers a few color reference tools:

Since the background color affects the perception of foreground colors, a selector is provided to change the background to one of 16 neutral gray shades.

Back to my Web Design Reference page (or use your browser's BACK command).

PAGE CONTENTS:

KEY TO NAMED COLOR TABLES
COLOR [B] Browser safe color (aqua, black, blue, cyan, fuchsia, lime, magenta, red, white, yellow)
COLOR [H] W3C HTML defined color (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow) or additional CSS 2.1 defined color, orange
color [N] Not a standard W3C defined color name (navyblue)
Color equivalents aqua = cyan, fuchsia = magenta

HTML Color Names Ordered By Code

Neutral background picker:

Quicker color picker:

                                                                                                                                                                                                                    
                                                                                                                                                                                                                    
Invoked By Named Color Invoked By Equivalent Color Code
BLACK [BH]#000000 0,0,0
NAVY [H]#000080 0,0,128
darkblue#00008b 0,0,139
mediumblue#0000cd 0,0,205
BLUE [BH]#0000ff 0,0,255
darkgreen#006400 0,100,0
GREEN [H]#008000 0,128,0
TEAL [H]#008080 0,128,128
darkcyan#008b8b 0,139,139
deepskyblue#00bfff 0,191,255
darkturquoise#00ced1 0,206,209
mediumspringgreen#00fa9a 0,250,154
LIME [BH]#00ff00 0,255,0
springgreen#00ff7f 0,255,127
AQUA [BH]#00ffff 0,255,255
CYAN [B]#00ffff 0,255,255
midnightblue#191970 25,25,112
dodgerblue#1e90ff 30,144,255
lightseagreen#20b2aa 32,178,170
forestgreen#228b22 34,139,34
seagreen#2e8b57 46,139,87
darkslategray#2f4f4f 47,79,79
limegreen#32cd32 50,205,50
mediumseagreen#3cb371 60,179,113
turquoise#40e0d0 64,224,208
royalblue#4169e1 65,105,225
steelblue#4682b4 70,130,180
darkslateblue#483d8b 72,61,139
mediumturquoise#48d1cc 72,209,204
indigo#4b0082 75,0,130
darkolivegreen#556b2f 85,107,47
cadetblue#5f9ea0 95,158,160
cornflowerblue#6495ed 100,149,237
mediumaquamarine#66cdaa 102,205,170
dimgray#696969 105,105,105
slateblue#6a5acd 106,90,205
olivedrab#6b8e23 107,142,35
slategray#708090 112,128,144
lightslategray#778899 119,136,153
mediumslateblue#7b68ee 123,104,238
lawngreen#7cfc00 124,252,0
chartreuse#7fff00 127,255,0
aquamarine#7fffd4 127,255,212
MAROON [H]#800000 128,0,0
PURPLE [H]#800080 128,0,128
OLIVE [H]#808000 128,128,0
gray [H]#7f7f7f 127,127,127
skyblue#87ceeb 135,206,235
lightskyblue#87cefa 135,206,250
blueviolet#8a2be2 138,43,226
darkred#8b0000 139,0,0
darkmagenta#8b008b 139,0,139
saddlebrown#8b4513 139,69,19
darkseagreen#8fbc8f 143,188,143
lightgreen#90ee90 144,238,144
mediumpurple#9370db 147,112,219
darkviolet#9400d3 148,0,211
palegreen#98fb98 152,251,152
darkorchid#9932cc 153,50,204
yellowgreen#9acd32 139,205,50
navyblue [N]#9fafdf 159,175,223
sienna#a0522d 160,82,45
brown#a52a2a 165,42,42
darkgray#a9a9a9 169,169,169
lightblue#add8e6 173,216,230
greenyellow#adff2f 173,255,47
paleturquoise#afeeee 175,238,238
lightsteelblue#b0c4de 176,196,222
powderblue#b0e0e6 176,224,230
firebrick#b22222 178,34,34
darkgoldenrod#b8860b 184,134,11
mediumorchid#ba55d3 186,85,211
rosybrown#bc8f8f 188,143,143
darkkhaki#bdb76b 189,183,107
SILVER [H]#c0c0c0 192,192,192
mediumvioletred#c71585 199,21,133
indianred#cd5c5c 205,92,92
peru#cd853f 205,133,63
chocolate#d2691e 210,105,30
tan#d2b48c 210,180,140
lightgrey#d3d3d3 211,211,211
palevioletred#db7093 219,112,147
thistle#d8bfd8 216,191,216
orchid#da70d6 218,112,214
goldenrod#daa520 218,165,32
crimson#dc143c 220,20,60
gainsboro#dcdcdc 220,220,220
plum#dda0dd 221,160,221
burlywood#deb887 222,184,135
lightcyan#e0ffff 224,255,255
lavender#e6e6fa 230,230,250
darksalmon#e9967a 233,150,122
violet#ee82ee 238,130,238
palegoldenrod#eee8aa 238,232,170
lightcoral#f08080 240,128,128
khaki#f0e68c 240,230,140
aliceblue#f0f8ff 240,248,255
honeydew#f0fff0 240,255,240
azure#f0ffff 240,255,255
sandybrown#f4a460 244,164,96
wheat#f5deb3 245,222,179
beige#f5f5dc 245,245,220
whitesmoke#f5f5f5 245,245,245
mintcream#f5fffa 245,255,250
ghostwhite#f8f8ff 248,248,255
salmon#fa8072 250,128,114
antiquewhite#faebd7 250,235,215
linen#faf0e6 250,240,230
lightgoldenrodyellow#fafad2 250,250,210
oldlace#fdf5e6 253,245,230
RED [BH]#ff0000 255,0,0
FUCHSIA [BH]#ff00ff 255,0,255
MAGENTA [B]#ff00ff 255,0,255
deeppink#ff1493 255,20,147
orangered#ff4500 255,69,0
tomato#ff6347 255,99,71
hotpink#ff69b4 255,105,180
coral#ff7f50 255,127,80
darkorange#ff8c00 255,140,0
lightsalmon#ffa07a 255,160,122
ORANGE [H]#ffa500 255,165,0
lightpink#ffb6c1 255,182,193
pink#ffc0cb 255,192,203
gold#ffd700 255,215,0
peachpuff#ffdab9 255,218,185
navajowhite#ffdead 255,222,173
moccasin#ffe4b5 255,228,181
bisque#ffe4c4 255,228,196
mistyrose#ffe4e1 255,228,225
blanchedalmond#ffebcd 255,235,205
papayawhip#ffefd5 255,239,213
lavenderblush#fff0f5 255,240,245
seashell#fff5ee 255,245,238
cornsilk#fff8dc 255,248,220
lemonchiffon#fffacd 255,250,205
floralwhite#fffaf0 255,250,240
snow#fffafa 255,250,250
YELLOW [BH]#ffff00 255,255,0
lightyellow#ffffe0 255,255,224
ivory#fffff0 255,255,240
WHITE [BH]#ffffff 255,255,255

HTML Color Names Ordered By Name

Neutral background picker:

Quicker color picker:

                                                                                                                                                                                                                    
                                                                                                                                                                                                                    
Invoked By Named Color Invoked By Equivalent Color Code
aliceblue#f0f8ff 240,248,255
antiquewhite#faebd7 250,235,215
AQUA [BH]#00ffff 0,255,255
aquamarine#7fffd4 127,255,212
azure#f0ffff 240,255,255
beige#f5f5dc 245,245,220
bisque#ffe4c4 255,228,196
BLACK [BH]#000000 0,0,0
blanchedalmond#ffebcd 255,235,205
BLUE [BH]#0000ff 0,0,255
blueviolet#8a2be2 138,43,226
brown#a52a2a 165,42,42
burlywood#deb887 222,184,135
cadetblue#5f9ea0 95,158,160
chartreuse#7fff00 127,255,0
chocolate#d2691e 210,105,30
coral#ff7f50 255,127,80
cornflowerblue#6495ed 100,149,237
cornsilk#fff8dc 255,248,220
crimson#dc143c 220,20,60
CYAN [B]#00ffff 0,255,255
darkblue#00008b 0,0,139
darkcyan#008b8b 0,139,139
darkgoldenrod#b8860b 184,134,11
darkgray#a9a9a9 169,169,169
darkgreen#006400 0,100,0
darkkhaki#bdb76b 189,183,107
darkmagenta#8b008b 139,0,139
darkolivegreen#556b2f 85,107,47
darkorange#ff8c00 255,140,0
darkorchid#9932cc 153,50,204
darkred#8b0000 139,0,0
darksalmon#e9967a 233,150,122
darkseagreen#8fbc8f 143,188,143
darkslateblue#483d8b 72,61,139
darkslategray#2f4f4f 47,79,79
darkturquoise#00ced1 0,206,209
darkviolet#9400d3 148,0,211
deeppink#ff1493 255,20,147
deepskyblue#00bfff 0,191,255
dimgray#696969 105,105,105
dodgerblue#1e90ff 30,144,255
firebrick#b22222 178,34,34
floralwhite#fffaf0 255,250,240
forestgreen#228b22 34,139,34
FUCHSIA [BH]#ff00ff 255,0,255
gainsboro#dcdcdc 220,220,220
ghostwhite#f8f8ff 248,248,255
gold#ffd700 255,215,0
goldenrod#daa520 218,165,32
gray [H]#7f7f7f 127,127,127
GREEN [H]#008000 0,128,0
greenyellow#adff2f 173,255,47
honeydew#f0fff0 240,255,240
hotpink#ff69b4 255,105,180
indianred#cd5c5c 205,92,92
indigo#4b0082 75,0,130
ivory#fffff0 255,255,240
khaki#f0e68c 240,230,140
lavender#e6e6fa 230,230,250
lavenderblush#fff0f5 255,240,245
lawngreen#7cfc00 124,252,0
lemonchiffon#fffacd 255,250,205
lightblue#add8e6 173,216,230
lightcoral#f08080 240,128,128
lightcyan#e0ffff 224,255,255
lightgoldenrodyellow#fafad2 250,250,210
lightgreen#90ee90 144,238,144
lightgrey#d3d3d3 211,211,211
lightpink#ffb6c1 255,182,193
lightsalmon#ffa07a 255,160,122
lightseagreen#20b2aa 32,178,170
lightskyblue#87cefa 135,206,250
lightslategray#778899 119,136,153
lightsteelblue#b0c4de 176,196,222
lightyellow#ffffe0 255,255,224
LIME [BH]#00ff00 0,255,0
limegreen#32cd32 50,205,50
linen#faf0e6 250,240,230
MAGENTA [B]#ff00ff 255,0,255
MAROON [H]#800000 128,0,0
mediumaquamarine#66cdaa 102,205,170
mediumblue#0000cd 0,0,205
mediumorchid#ba55d3 186,85,211
mediumpurple#9370db 147,112,219
mediumseagreen#3cb371 60,179,113
mediumslateblue#7b68ee 123,104,238
mediumspringgreen#00fa9a 0,250,154
mediumturquoise#48d1cc 72,209,204
mediumvioletred#c71585 199,21,133
midnightblue#191970 25,25,112
mintcream#f5fffa 245,255,250
mistyrose#ffe4e1 255,228,225
moccasin#ffe4b5 255,228,181
navajowhite#ffdead 255,222,173
NAVY [H]#000080 0,0,128
navyblue [N]#9fafdf 159,175,223
oldlace#fdf5e6 253,245,230
OLIVE [H]#808000 128,128,0
olivedrab#6b8e23 107,142,35
ORANGE [H]#ffa500 255,165,0
orangered#ff4500 255,69,0
orchid#da70d6 218,112,214
palegoldenrod#eee8aa 238,232,170
palegreen#98fb98 152,251,152
paleturquoise#afeeee 175,238,238
palevioletred#db7093 219,112,147
papayawhip#ffefd5 255,239,213
peachpuff#ffdab9 255,218,185
peru#cd853f 205,133,63
pink#ffc0cb 255,192,203
plum#dda0dd 221,160,221
powderblue#b0e0e6 176,224,230
PURPLE [H]#800080 128,0,128
RED [BH]#ff0000 255,0,0
rosybrown#bc8f8f 188,143,143
royalblue#4169e1 65,105,225
saddlebrown#8b4513 139,69,19
salmon#fa8072 250,128,114
sandybrown#f4a460 244,164,96
seagreen#2e8b57 46,139,87
seashell#fff5ee 255,245,238
sienna#a0522d 160,82,45
SILVER [H]#c0c0c0 192,192,192
skyblue#87ceeb 135,206,235
slateblue#6a5acd 106,90,205
slategray#708090 112,128,144
snow#fffafa 255,250,250
springgreen#00ff7f 0,255,127
steelblue#4682b4 70,130,180
tan#d2b48c 210,180,140
TEAL [H]#008080 0,128,128
thistle#d8bfd8 216,191,216
tomato#ff6347 255,99,71
turquoise#40e0d0 64,224,208
violet#ee82ee 238,130,238
wheat#f5deb3 245,222,179
WHITE [BH]#ffffff 255,255,255
whitesmoke#f5f5f5 245,245,245
YELLOW [BH]#ffff00 255,255,0
yellowgreen#9acd32 139,205,50

HTML Web-Safe Colors

Does any web page really need to be limited to only web-safe colors any more? Nope.
Is there anyone out there using 8 bit displays these days? Nope.
Are web-safe colors still useful as a quick color reference and a nostalgia kick? Sure.

Web-safe colors are defined by setting each RGB value to:

Decimal Hex %
0 00 0
51 33 20
102 66 40
153 99 60
204 CC 80
255 FF 100

The colors below are ordered by hex code value.

Neutral background picker:

Quicker color picker:

                                                                                                                                                                                                                       
                                                                                                                                                                                                                       
                                                                                                                                                                                                                       
#000000 0,0,0
#000033 0,0,51
#000066 0,0,102
#000099 0,0,153
#0000cc 0,0,204
#0000ff 0,0,255
#330000 51,0,0
#330033 51,0,51
#330066 51,0,102
#330099 51,0,153
#3300cc 51,0,204
#3300ff 51,0,255
#660000 102,0,0
#660033 102,0,51
#660066 102,0,102
#660099 102,0,153
#6600cc 102,0,204
#6600ff 102,0,255
#990000 153,0,0
#990033 153,0,51
#990066 153,0,102
#990099 153,0,153
#9900cc 153,0,204
#9900ff 153,0,255
#cc0000 204,0,0
#cc0033 204,0,51
#cc0066 204,0,102
#cc0099 204,0,153
#cc00cc 204,0,204
#cc00ff 204,0,255
#ff0000 255,0,0
#ff0033 255,0,51
#ff0066 255,0,102
#ff0099 255,0,153
#ff00cc 255,0,204
#ff00ff 255,0,255
#003300 0,51,0
#003333 0,51,51
#003366 0,51,102
#003399 0,51,153
#0033cc 0,51,204
#0033ff 0,51,255
#333300 51,51,0
#333333 51,51,51
#333366 51,51,102
#333399 51,51,153
#3333cc 51,51,204
#3333ff 51,51,255
#663300 102,51,0
#663333 102,51,51
#663366 102,51,102
#663399 102,51,153
#6633cc 102,51,204
#6633ff 102,51,255
#993300 153,51,0
#993333 153,51,51
#993366 153,51,102
#993399 153,51,153
#9933cc 153,51,204
#9933ff 153,51,255
#cc3300 204,51,0
#cc3333 204,51,51
#cc3366 204,51,102
#cc3399 204,51,153
#cc33cc 204,51,204
#cc33ff 204,51,255
#ff3300 255,51,0
#ff3333 255,51,51
#ff3366 255,51,102
#ff3399 255,51,153
#ff33cc 255,51,204
#ff33ff 255,51,255
#006600 0,102,0
#006633 0,102,51
#006666 0,102,102
#006699 0,102,153
#0066cc 0,102,204
#0066ff 0,102,255
#336600 51,102,0
#336633 51,102,51
#336666 51,102,102
#336699 51,102,153
#3366cc 51,102,204
#3366ff 51,102,255
#666600 102,102,0
#666633 102,102,51
#666666 102,102,102
#666699 102,102,153
#6666cc 102,102,204
#6666ff 102,102,255
#996600 153,102,0
#996633 153,102,51
#996666 153,102,102
#996699 153,102,153
#9966cc 153,102,204
#9966ff 153,102,255
#cc6600 204,102,0
#cc6633 204,102,51
#cc6666 204,102,102
#cc6699 204,102,153
#cc66cc 204,102,204
#cc66ff 204,102,255
#ff6600 255,102,0
#ff6633 255,102,51
#ff6666 255,102,102
#ff6699 255,102,153
#ff66cc 255,102,204
#ff66ff 255,102,255
#009900 0,153,0
#009933 0,153,51
#009966 0,153,102
#009999 0,153,153
#0099cc 0,153,204
#0099ff 0,153,255
#339900 51,153,0
#339933 51,153,51
#339966 51,153,102
#339999 51,153,153
#3399cc 51,153,204
#3399ff 51,153,255
#669900 102,153,0
#669933 102,153,51
#669966 102,153,102
#669999 102,153,153
#6699cc 102,153,204
#6699ff 102,153,255
#999900 153,153,0
#999933 153,153,51
#999966 153,153,102
#999999 153,153,153
#9999cc 153,153,204
#9999ff 153,153,255
#cc9900 204,153,0
#cc9933 204,153,51
#cc9966 204,153,102
#cc9999 204,153,153
#cc99cc 204,153,204
#cc99ff 204,153,255
#ff9900 255,153,0
#ff9933 255,153,51
#ff9966 255,153,102
#ff9999 255,153,153
#ff99cc 255,153,204
#ff99ff 255,153,255
#00cc00 0,204,0
#00cc33 0,204,51
#00cc66 0,204,102
#00cc99 0,204,153
#00cccc 0,204,204
#00ccff 0,204,255
#33cc00 51,204,0
#33cc33 51,204,51
#33cc66 51,204,102
#33cc99 51,204,153
#33cccc 51,204,204
#33ccff 51,204,255
#66cc00 102,204,0
#66cc33 102,204,51
#66cc66 102,204,102
#66cc99 102,204,153
#66cccc 102,204,204
#66ccff 102,204,255
#99cc00 153,204,0
#99cc33 153,204,51
#99cc66 153,204,102
#99cc99 153,204,153
#99cccc 153,204,204
#99ccff 153,204,255
#cccc00 204,204,0
#cccc33 204,204,51
#cccc66 204,204,102
#cccc99 204,204,153
#cccccc 204,204,204
#ccccff 204,204,255
#ffcc00 255,204,0
#ffcc33 255,204,51
#ffcc66 255,204,102
#ffcc99 255,204,153
#ffcccc 255,204,204
#ffccff 255,204,255
#00ff00 0,255,0
#00ff33 0,255,51
#00ff66 0,255,102
#00ff99 0,255,153
#00ffcc 0,255,204
#00ffff 0,255,255
#33ff00 51,255,0
#33ff33 51,255,51
#33ff66 51,255,102
#33ff99 51,255,153
#33ffcc 51,255,204
#33ffff 51,255,255
#66ff00 102,255,0
#66ff33 102,255,51
#66ff66 102,255,102
#66ff99 102,255,153
#66ffcc 102,255,204
#66ffff 102,255,255
#99ff00 153,255,0
#99ff33 153,255,51
#99ff66 153,255,102
#99ff99 153,255,153
#99ffcc 153,255,204
#99ffff 153,255,255
#ccff00 204,255,0
#ccff33 204,255,51
#ccff66 204,255,102
#ccff99 204,255,153
#ccffcc 204,255,204
#ccffff 204,255,255
#ffff00 255,255,0
#ffff33 255,255,51
#ffff66 255,255,102
#ffff99 255,255,153
#ffffcc 255,255,204
#ffffff 255,255,255

HTML Color Pickers

Some crude color pickers of varying levels of dubious usefulness, showing a small but mesmerizing portion of the full set of 16,777,216 possible HTML colors:

Neutral background picker:

64 COLORS

This crude but so-small-as-to-be-useless color picker shows 64 of the possible 16,777,216 HTML colors (a pitifully paltry 0.0004%) sampled at regular intervals by RGB hexadecimal color codes.

                                                                                                                                                                                               

512 COLORS

This crude but conveniently condensed color picker shows 512 of the possible 16,777,216 HTML colors (a less-than-impressive 0.003%) sampled at regular intervals by RGB hexadecimal color codes. The wide left column shows 8 grey scale increments.

                                                                                                                                                                                                                    
                                                                                                                                                                                                                    
                                                                                                                                                                                                                    
                                                                                                                                                                                                                    
                                                                                                                                                                                                                    
                                                                                                                                                                                                                    
                                                                                                                                                                                                                    
                                                                                                                                                                                                                    

4096 COLORS

This crude but marginally effective color picker shows 4096 of the possible 16,777,216 HTML colors (an incredible 0.0244%!) sampled at regular intervals by RGB hexadecimal color codes. The wide left column shows 64 grey scale increments.

32768 COLORS

This crude but too-massive-to-be-useful color picker shows 32768 of the possible 16,777,216 HTML colors (an astounding 0.2%!) sampled at regular intervals by RGB hexadecimal color codes. The wide left column shows 512 grey scale increments.

SATURATED COLORS

The small but largely cheerful set of colors where RGB values are 00 or ff.

Neutral background picker:

Black #000000 0,0,0
Red #ff0000 255,0,0
Green #00ff00 0,255,0
Blue #0000ff 0,0,255
Yellow #ffff00 255,255,0
Magenta #ff00ff 255,0,255
Cyan #00ffff 0,255,255
White #ffffff 255,255,255