Your Guide to Professional
Web Site Design and Development

HTML Tips
HTML Codes
Web Development
Web Design Tips
JavaScript Codes
216 Web Safe Colors
CSS Tutorial
JavaScript Tutorial
ASCII Character Codes

 

| Web Site Development | HTML Codes | HTML Tips | Web Design TipsJavascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

216 Web Safe Color Codes - Hexadecimal RGB Values

 

If you're looking for a 216 web safe color chart, you've come to the right place. However, before reviewing the chart, you may be interested in learning a little bit about the 216 web safe color codes.

Netscape specified 216 colors that have precedence in web browsers based on the 256 colors displayed within an 8-bit system. As 40 colors displayed differently between PCs and MACs, they were eliminated.

These 216 colors, known as web safe colors, are recognized by all web browsers and operating systems, which means these colors will look about the same within any browser.

 

RGB and Hexadecimal Web Safe Color Codes

Colors are made up of 3 sets of RGB numbers representing the amount of Red, Green and Blue contained within a color. These colors are represented as hexadecimal values.

For example, the hexadecimal numbers for black is #000000. The first two numbers (00) represent the amount of red the color contains. The second two numbers (00) represent the amount of green and the last two numbers (00) represent the amount of blue the color contains. When a color, such as black, contains 00 amount of red, green or blue, this means it contains no amount of that color or 0%.

However, colors containing RGB values of FF contain the most amount of a color or 100%. For example, the hexadecimal value for white is #FFFFFF, which means it contains the most amount of red, green and blue.

The hexadecimal numbers for red are FF0000. To help you to understand this a little bit better, if we break down the hexadecimal numbers, we will find that the color red contains FF amount of red, which is the highest amount. It contains 00 amount of green and 00 amount of blue, both of which are the lowest.


Specifying Web Safe Colors Within a Web Page

If you would like to specify colors within your web page, you must set color attributes. Attributes determine the appearance of a web page, such as background color, text colors and fonts.

To specify a specific color, you must use the hexadecimal color code within your HTML coding. The hexadecimal color codes can be used throughout your entire web page to specify all of the following:

  • Web page background color
  • Font colors
  • Table background colors
  • Table border colors

To ensure your colors will be displayed to most Internet users as you had intended, you should always select your colors from the 216 web safe colors, as displayed in the 216 web safe color chart below.

When using colors within your HTML, you can also use the actual color "word" for basic colors such as black, white, red, green, blue and yellow. Your color code might look something like this:

BGCOLOR="RED"

Color

Red

Green

Blue

Hexadecimal

Black 0 0 0 #000000
White 255 255 255 #FFFFFF
Red 255 0 0 #FF0000
Green 0 192 0 #00C000
Blue 0 0 255 #0000FF
Yellow 255 255 0 #FFFF00

To specify the background and text color of a web page, place the following color attributes, indicated in bold, within the BODY tag of your web page:

<BODY BGCOLOR="#FFFFFF" TEXT="#0000FF">

To specify link colors within a web page, place the following color attributes, indicated in bold, within the BODY tag of your web page:

<BODY LINK="#003399" VLINK="#0000CC" ALINK="#9966CC">

To specify the border color within an HTML table, place the following code within your TABLE code:

<TABLE BORDER="2" BORDERCOLOR="#CCCCCC">

To specify the background color within a specific TABLE cell, place the following code, indicated in bold, within your TABLE code:

<TD BGCOLOR="#CCCCCC">Your Cell Text</TD>

Edit the hexadecimal color codes indicated in red to suit your needs.

Although you can change the background color of your web page, it is highly recommended that you use the default background color of white and the default text color of black, as this is the easiest color options to read within a web browser.

In addition, it is highly recommended that you use the default link colors within your web pages, as these colors are what your visitors will be expecting. Changing the link colors may cause confusion.

Each color displayed within the color chart below contains the hexadecimal values and the RGB (Red, Green, Blue) Values. Select a color and copy & paste the hexadecimal value into your HTML document.

 


216 Web Safe Color Codes Chart

Example:
Hexadecimal Value - #FFFFFF  RGB Color Code - R=255 G=255 B=255

#FFFFFF

R=255
G=255
B=255
#FFFFCC

R=255
G=255
B=204
#FFFF99

R=255
G=255
B=153
#FFFF66

R=255
G=255
B=102
#FFFF33

R=255
G=255
B=51
#FFFF00

R=255
G=255
B=0
#FFCCFF

R=255
G=204
B=255
#FFCCCC

R=255
G=204
B=204
#FFCC99

R=255
G=204
B=153
#FFCC66

R=255
G=204
B=102
#FFCC33

R=255
G=204
B=51
#FFCC00

R=255
G=204
B=0
#FF99FF

R=255
G=153
B=255
#FF99CC

R=255
G=153
B=204
#FF9999

R=255
G=153
B=153
#FF9966

R=255
G=153
B=102
#FF9933

R=255
G=153
B=51
#FF9900

R=255
G=153
B=0
#FF66FF

R=255
G=102
B=255
#FF66CC

R=255
G=102
B=204
#FF6699

R=255
G=102
B=153
#FF6666

R=255
G=102
B=102
#FF6633

R=255
G=102
B=51
#FF6600

R=255
G=102
B=0
#FF33FF

R=255
G=51
B=255
#FF33CC

R=255
G=51
B=204
#FF3399

R=255
G=51
B=153
#FF3366

R=255
G=51
B=102
#FF3333

R=255
G=51
B=51
#FF3300

R=255
G=51
B=0
#FF00FF

R=255
G=0
B=255
#FF00CC

R=255
G=0
B=204
#FF0099

R=255
G=0
B=153
#FF0066

R=255
G=0
B=102
#FF0033

R=255
G=0
B=51
#FF0000

R=255
G=0
B=0
 
#CCFFFF

R=204
G=255
B=255
#CCFFCC

R=204
G=255
B=204
#CCFF99

R=204
G=255
B=153
#CCFF66

R=204
G=255
B=102
#CCFF33

R=204
G=255
B=51
#CCFF00

R=204
G=255
B=0
#CCCCFF

R=204
G=204
B=255
#CCCCCC

R=204
G=204
B=204
#CCCC99

R=204
G=204
B=153
#CCCC66

R=204
G=204
B=102
#CCCC33

R=204
G=204
B=51
#CCCC00

R=204
G=204
B=0
#CC99FF

R=204
G=153
B=255
#CC99CC

R=204
G=153
B=204
#CC9999

R=204
G=153
B=153
#CC9966

R=204
G=153
B=102
#CC9933

R=204
G=153
B=51
#CC9900

R=204
G=153
B=0
#CC66FF

R=204
G=102
B=255
#CC66CC

R=204
G=102
B=204
#CC6699

R=204
G=102
B=153
#CC6666

R=204
G=102
B=102
#CC6633

R=204
G=102
B=51
#CC6600

R=204
G=102
B=0
#CC33FF

R=204
G=51
B=255
#CC33CC

R=204
G=51
B=204
#CC3399

R=204
G=51
B=153
#CC3366

R=204
G=51
B=102
#CC3333

R=204
G=51
B=51
#CC3300

R=204
G=51
B=0
#CC00FF

R=204
G=0
B=255
#CC00CC

R=204
G=0
B=204
#CC0099

R=204
G=0
B=153
#CC0066

R=204
G=0
B=102
#CC0033

R=204
G=0
B=51
#CC0000

R=204
G=0
B=0
 
#99FFFF

R=153
G=255
B=255
#99FFCC

R=153
G=255
B=204
#99FF99

R=153
G=255
B=153
#99FF66

R=153
G=255
B=102
#99FF33

R=153
G=255
B=51
#99FF00

R=153
G=255
B=0
#99CCFF

R=153
G=204
B=255
#99CCCC

R=153
G=204
B=204
#99CC99

R=153
G=204
B=153
#99CC66

R=153
G=204
B=102
#99CC33

R=153
G=204
B=51
#99CC00

R=153
G=204
B=0
#9999FF

R=153
G=153
B=255
#9999CC

R=153
G=153
B=204
#999999

R=153
G=153
B=153
#999966

R=153
G=153
B=102
#999933

R=153
G=153
B=51
#999900

R=153
G=153
B=0
#9966FF

R=153
G=102
B=255
#9966CC

R=153
G=102
B=204
#996699

R=153
G=102
B=153
#996666

R=153
G=102
B=102
#996633

R=153
G=102
B=51
#996600

R=153
G=102
B=0
#9933FF

R=153
G=51
B=255
#9933CC

R=153
G=51
B=204
#993399

R=153
G=51
B=153
#993366

R=153
G=51
B=102
#993333

R=153
G=51
B=51
#993300

R=153
G=51
B=0
#9900FF

R=153
G=0
B=255
#9900CC

R=153
G=0
B=204
#990099

R=153
G=0
B=153
#990066

R=153
G=0
B=102
#990033

R=153
G=0
B=51
#990000

R=153
G=0
B=0
 
#66FFFF

R=102
G=255
B=255
#66FFCC

R=102
G=255
B=204
#66FF99

R=102
G=255
B=153
#66FF66

R=102
G=255
B=102
#66FF33

R=102
G=255
B=51
#66FF00

R=102
G=255
B=0
#66CCFF

R=102
G=204
B=255
#66CCCC

R=102
G=204
B=204
#66CC99

R=102
G=204
B=153
#66CC66

R=102
G=204
B=102
#66CC33

R=102
G=204
B=51
#66CC00

R=102
G=204
B=0
#6699FF

R=102
G=153
B=255
#6699CC

R=102
G=153
B=204
#669999

R=102
G=153
B=153
#669966

R=102
G=153
B=102
#669933

R=102
G=153
B=51
#669900

R=102
G=153
B=0
#6666FF

R=102
G=102
B=255
#6666CC

R=102
G=102
B=204
#666699

R=102
G=102
B=153
#666666

R=102
G=102
B=102
#666633

R=102
G=102
B=51
#666600

R=102
G=102
B=0
#6633FF

R=102
G=51
B=255
#6633CC

R=102
G=51
B=204
#663399

R=102
G=51
B=153
#663366

R=102
G=51
B=102
#663333

R=102
G=51
B=51
#663300

R=102
G=51
B=0
#6600FF

R=102
G=0
B=255
#6600CC

R=102
G=0
B=204
#660099

R=102
G=0
B=153
#660066

R=102
G=0
B=102
#660033

R=102
G=0
B=51
#660000

R=102
G=0
B=0
 
#33FFFF

R=51
G=255
B=255
#33FFCC

R=51
G=255
B=204
#33FF99

R=51
G=255
B=153
#33FF66

R=51
G=255
B=102
#33FF33

R=51
G=255
B=51
#33FF00

R=51
G=255
B=0
#33CCFF

R=51
G=204
B=255
#33CCCC

R=51
G=204
B=204
#33CC99

R=51
G=204
B=153
#33CC66

R=51
G=204
B=102
#33CC33

R=51
G=204
B=51
#33CC00

R=51
G=204
B=0
#3399FF

R=51
G=153
B=255
#3399CC

R=51
G=153
B=204
#339999

R=51
G=153
B=153
#339966

R=51
G=153
B=102
#339933

R=51
G=153
B=51
#339900

R=51
G=153
B=0
#3366FF

R=51
G=102
B=255
#3366CC

R=51
G=102
B=204
#336699

R=51
G=102
B=153
#336666

R=51
G=102
B=102
#336633

R=51
G=102
B=51
#336600

R=51
G=102
B=0
#3333FF

R=51
G=51
B=255
#3333CC

R=51
G=51
B=204
#333399

R=51
G=51
B=153
#333366

R=51
G=51
B=102
#333333

R=51
G=51
B=51
#333300

R=51
G=51
B=0
#3300FF

R=51
G=0
B=255
#3300CC

R=51
G=0
B=204
#330099

R=51
G=0
B=153
#330066

R=51
G=0
B=102
#330033

R=51
G=0
B=51
#330000

R=51
G=0
B=0
 
#00FFFF

R=0
G=255
B=255
#00FFCC

R=0
G=255
B=204
#00FF99

R=0
G=255
B=153
#00FF66

R=0
G=255
B=102
#00FF33

R=0
G=255
B=51
#00FF00

R=0
G=255
B=0
#00CCFF

R=0
G=204
B=255
#00CCCC

R=0
G=204
B=204
#00CC99

R=0
G=204
B=153
#00CC66

R=0
G=204
B=102
#00CC33

R=0
G=204
B=51
#00CC00

R=0
G=204
B=0
#0099FF

R=0
G=153
B=255
#0099CC

R=0
G=153
B=204
#009999

R=0
G=153
B=153
#009966

R=0
G=153
B=102
#009933

R=0
G=153
B=51
#009900

R=0
G=153
B=0
#0066FF

R=0
G=102
B=255
#0066CC

R=0
G=102
B=204
#006699

R=0
G=102
B=153
#006666

R=0
G=102
B=102
#006633

R=0
G=102
B=51
#006600

R=0
G=102
B=0
#0033FF

R=0
G=51
B=255
#0033CC

R=0
G=51
B=204
#003399

R=0
G=51
B=153
#003366

R=0
G=51
B=102
#003333

R=0
G=51
B=51
#003300

R=0
G=51
B=0
#0000FF

R=0
G=0
B=255
#0000CC

R=0
G=0
B=204
#000099

R=0
G=0
B=153
#000066

R=0
G=0
B=102
#000033

R=0
G=0
B=51
#000000

R=0
G=0
B=0


Note: All of the codes and tutorials are by Shelley Lowery. For additional tutorials to assist you in web design and much more, click here to sign up for our free membership club. You will instantly receive a wealth of quality information, such as dozens of video tutorials, several informative ebooks, utilities to assist you in creating buttons, tables, meta tags, and more. Best of all, it's completely free.

 



Would you like to learn how to design your own web site?

Whether you are a complete beginner or have some web site design experience, this web design course will teach you how to plan, design, build and market your own web site

If you like these codes, you'll love Web Design Mastery. Get these codes and many more.

"I have learned more from this web design course than I did from a course I took in college!" - Joseph Seeles

 More

Web Design Information:

Web Development
HTML Codes
HTML Tips
Web Design Tips
Javascript Snippets
216 Web Safe Colors
Symbols