In most cases, the various types of colors you come across when surfing the web are designated by 6-digit hexadecimal numbers. Also known as a "Hex Code" or "Hex Value" - these combinations of letters and numbers look like this:
#CCFFCC, #00AACC, #FFCCPP, etc...
Back in the early days of the web, the majority of Internet users were running with 8-Bit - 256 color screens. The 216 browser-safe color palette was introduced by Netscape to ensure that colors online stayed consistent across the various platforms (Windows and Macintosh). The browser-safe palette contains 216 colors instead of 256 because the 40 other colors have slight variations between PCs and MACs.
Nowadays, the majority of computers can support millions of colors making the browser-safe palette somewhat obsolete. When you design your sites, you no longer have to limit yourself to the 216 color palette.
The latest versions of today's imaging software like Adobe Photoshop and Paint Shop Pro still offer the option of swithing to the browser-safe palette. They also give you the HEX and RGB value of any color you choose making it easier than ever to get the color codes you need for your HTML documents.
Here is a complete list of 216 browser-safe colors that work with all browsers and platforms without any dithering. We also included 40 extra colors to complete the entire 256 web safe color palette. Each color is accompanied by it's respective HEX (Hexadecimal) value for easy reference.
216 BROWSER-SAFE COLORS
| |
|
|
|
|
|
| #FFFFFF |
#FFFFCC |
#FFFF99 |
#FFFF66 |
#FFFF33 |
#FFFF00 |
| |
|
|
|
|
|
| #FFCCFF |
#FFCCCC |
#FFCC99 |
#FFCC66 |
#FFCC33 |
#FFCC00 |
| |
|
|
|
|
|
| #FF99FF |
#FF99CC |
#FF9999 |
#FF9966 |
#FF9933 |
#FF9900 |
| |
|
|
|
|
|
| #FF66FF |
#FF66CC |
#FF6699 |
#FF6666 |
#FF6633 |
#FF6600 |
| |
|
|
|
|
|
| #FF33FF |
#FF33CC |
#FF3399 |
#FF3366 |
#FF3333 |
#FF3300 |
| |
|
|
|
|
|
| #FF00FF |
#FF00CC |
#FF0099 |
#FF0066 |
#FF0033 |
#FF0000 |
|
| |
|
|
|
|
|
| #CCFFFF |
#CCFFCC |
#CCFF99 |
#CCFF66 |
#CCFF33 |
#CCFF00 |
| |
|
|
|
|
|
| #CCCCFF |
#CCCCCC |
#CCCC99 |
#CCCC66 |
#CCCC33 |
#CCCC00 |
| |
|
|
|
|
|
| #CC99FF |
#CC99CC |
#CC9999 |
#CC9966 |
#CC9933 |
#CC9900 |
| |
|
|
|
|
|
| #CC66FF |
#CC66CC |
#CC6699 |
#CC6666 |
#CC6633 |
#CC6600 |
| |
|
|
|
|
|
| #CC33FF |
#CC33CC |
#CC3399 |
#CC3366 |
#CC3333 |
#CC3300 |
| |
|
|
|
|
|
| #CC00FF |
#CC00CC |
#CC0099 |
#CC0066 |
#CC0033 |
#CC0000 |
|
| |
|
|
|
|
|
| #99FFFF |
#99FFCC |
#99FF99 |
#99FF66 |
#99FF33 |
#99FF00 |
| |
|
|
|
|
|
| #99CCFF |
#99CCCC |
#99CC99 |
#99CC66 |
#99CC33 |
#99CC00 |
| |
|
|
|
|
|
| #9999FF |
#9999CC |
#999999 |
#999966 |
#999933 |
#999900 |
| |
|
|
|
|
|
| #9966FF |
#9966CC |
#996699 |
#996666 |
#996633 |
#996600 |
| |
|
|
|
|
|
| #9933FF |
#9933CC |
#993399 |
#993366 |
#993333 |
#993300 |
| |
|
|
|
|
|
| #9900FF |
#9900CC |
#990099 |
#990066 |
#990033 |
#990000 |
|
| |
|
|
|
|
|
| #66FFFF |
#66FFCC |
#66FF99 |
#66FF66 |
#66FF33 |
#66FF00 |
| |
|
|
|
|
|
| #66CCFF |
#66CCCC |
#66CC99 |
#66CC66 |
#66CC33 |
#66CC00 |
| |
|
|
|
|
|
| #6699FF |
#6699CC |
#669999 |
#669966 |
#669933 |
#669900 |
| |
|
|
|
|
|
| #6666FF |
#6666CC |
#666699 |
#666666 |
#666633 |
#666600 |
| |
|
|
|
|
|
| #6633FF |
#6633CC |
#663399 |
#663366 |
#663333 |
#663300 |
| |
|
|
|
|
|
| #6600FF |
#6600CC |
#660099 |
#660066 |
#660033 |
#660000 |
|
| |
|
|
|
|
|
| #33FFFF |
#33FFCC |
#33FF99 |
#33FF66 |
#33FF33 |
#33FF00 |
| |
|
|
|
|
|
| #33CCFF |
#33CCCC |
#33CC99 |
#33CC66 |
#33CC33 |
#33CC00 |
| |
|
|
|
|
|
| #3399FF |
#3399CC |
#339999 |
#339966 |
#339933 |
#339900 |
| |
|
|
|
|
|
| #3366FF |
#3366CC |
#336699 |
#336666 |
#336633 |
#336600 |
| |
|
|
|
|
|
| #3333FF |
#3333CC |
#333399 |
#333366 |
#333333 |
#333300 |
| |
|
|
|
|
|
| #3300FF |
#3300CC |
#330099 |
#330066 |
#330033 |
#330000 |
|
| |
|
|
|
|
|
| #00FFFF |
#00FFCC |
#00FF99 |
#00FF66 |
#00FF33 |
#00FF00 |
| |
|
|
|
|
|
| #00CCFF |
#00CCCC |
#00CC99 |
#00CC66 |
#00CC33 |
#00CC00 |
| |
|
|
|
|
|
| #0099FF |
#0099CC |
#009999 |
#009966 |
#009933 |
#009900 |
| |
|
|
|
|
|
| #0066FF |
#0066CC |
#006699 |
#006666 |
#006633 |
#006600 |
| |
|
|
|
|
|
| #0033FF |
#0033CC |
#003399 |
#003366 |
#003333 |
#003300 |
| |
|
|
|
|
|
| #0000FF |
#0000CC |
#000099 |
#000066 |
#000033 |
#000000 |
|
40 MORE TO COMPLETE THE 256 PALETTE
| |
|
|
|
|
|
|
|
| #111111 |
#222222 |
#444444 |
#555555 |
#777777 |
#888888 |
#AAAAAA |
#BBBBBB |
| |
|
|
|
|
|
|
|
| #110000 |
#220000 |
#440000 |
#550000 |
#770000 |
#880000 |
#AA0000 |
#BB0000 |
| |
|
|
|
|
|
|
|
| #001100 |
#002200 |
#004400 |
#005500 |
#007700 |
#008800 |
#00AA00 |
#00BB00 |
| |
|
|
|
|
|
|
|
| #000011 |
#000022 |
#000044 |
#000055 |
#000077 |
#000088 |
#0000AA |
#0000BB |
| |
|
|
|
|
|
|
|
| #DDDDDD |
#EEEEEE |
#DD0000 |
#EE0000 |
#00DD00 |
#00EE00 |
#0000DD |
#0000EE |
|
COLORS BY NAME
The following table contains 16 original colors that can be designated in HTML using the actual name of the color rather than the Hexadecimal Value. As an example, both of the following HTML font tags would result in the same thing.
| <FONT COLOR="#FFFF00"> |
<FONT COLOR="YELLOW"> |
| SAMPLE | NAME | HEX |
| | WHITE | #FFFFFF |
| | YELLOW | #FFFF00 |
| | FUCHSIA | #FF00FF |
| | RED | #FF0000 |
| | AQUA | #00FFFF |
| | LIME | #00FF00 |
| | BLUE | #0000FF |
| | SILVER | #C0C0C0 |
| | GRAY | #808080 |
| | OLIVE | #808000 |
| | PURPLE | #800080 |
| | MAROON | #800000 |
| | TEAL | #008080 |
| | GREEN | #008000 |
| | NAVY | #000080 |
| | BLACK | #000000 |
|
IMPORTANT NOTES
You should always keep your audtience in mind when working with colors on the web. Take the time to determine who will be visiting your site.
If your website targets webmasters and/or computer savvy individuals, the web safe palette won't have much use since the principal audience will most likely have up-to-date computers that can support millions of colors.
If your audience is a larger market comprising of people from around the globe, you might choose to stay web safe in your color choices to ensure that those visiting your website on ancient machines have a pleasurable visit. Sometimes it's better to to be safe than sorry!
SUBMIT