| Browser-Safe 216 Color Chart |  |
| Browser-Safe 216 Color Chart | |
Menu
Preface
Legend (How to read the chart)
Remarks
Browser-safe 216 color chart
References
Preface
Browser-safe colors can be viewed with any browser and any operating system if a CRT or LCD can display more than 256 colors.
Therefore browser-safe colors are safe as they do not depend on browsers nor operating systems.
When creating websites, if browser-safe colors are used for backgrounds, logos, illustations and text colors, the websites can be viewed in the same color conditions with any personal computer or browser.
The total number of browser-safe colors is 216. In the following chart, these 216 colors are arranged by luminance values.
| Legend (how to read the chart) |
||
 |
 : |
Color sample |
| #33FF99 | : |
Description of a color in hexadecimal numbers. Color values are arranged in the order of R-G-B by transforming them into hexadecimal numbers. (The leftmost # is used when specifying a color in HTML documents.) |
| R=051 | : |
The value of red element (decimal number) --> corresponds to 33 of a hexadecimal number. |
| G=255 | : |
The value of green element (decimal number) --> corresponds to FF of a hexadecimal number. |
| B=153 | : |
The value of blue element (decimal number) --> corresponds to 99 of a hexadecimal number. |
Remarks
When viewing the following chart, please use Internet Explorer Ver. 2.0 or later, or Netscape Navigator (and Netscape Communicator) Ver. 3.0 or later.
Each line has 8 colors. If the color chart goes beyond the right and/or left boundaries of your browser, please refresh your browser after making display fonts smaller.
| 1 | |
 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| #FFFFFF R=255 G=255 B=255 |
#FFFFCC R=255 G=255 B=204 |
#FFFF99 R=255 G=255 B=153 |
#CCFFFF R=204 G=255 B=255 |
#FFFF66 R=255 G=255 B=102 |
#CCFFCC R=204 G=255 B=204 |
#FFFF33 R=255 G=255 B=051 |
#CCFF99 R=204 G=255 B=153 |
|||||||||
|
||||||||||||||||
| 2 | |
|
|
|
|
|
|
|
||||||||
| #FFFF00 R=255 G=255 B=000 |
#FFCCFF R=255 G=204 B=255 |
#99FFFF R=153 G=255 B=255 |
#CCFF66 R=204 G=255 B=102 |
#FFCCCC R=255 G=204 B=204 |
#99FFCC R=153 G=255 B=204 |
#CCFF33 R=204 G=255 B=051 |
#FFCC99 R=255 G=204 B=153 |
|||||||||
|
||||||||||||||||
| 3 | |
|
|
|
|
|
|
|
||||||||
| #99FF99 R=153 G=255 B=153 |
#CCFF00 R=204 G=255 B=000 |
#CCCCFF R=204 G=204 B=255 |
#66FFFF R=102 G=255 B=255 |
#FFCC66 R=255 G=204 B=102 |
#99FF66 R=153 G=255 B=102 |
#CCCCCC R=204 G=204 B=204 |
#66FFCC R=102 G=255 B=204 |
|
||||||||||||||||
| 4 | |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| #FFCC33 R=255 G=204 B=051 |
#99FF33 R=153 G=255 B=051 |
#CCCC99 R=204 G=204 B=153 |
#66FF99 R=153 G=255 B=153 |
#FFCC00 R=255 G=204 B=000 |
#99FF00 R=153 G=255 B=000 |
#FF99FF R=255 G=153 B=255 |
#99CCFF R=153 G=204 B=255 |
|||||||||
|
||||||||||||||||
| 5 | |
|
|
|
|
|
|
|
||||||||
| #33FFFF R=051 G=255 B=255 |
#CCCC66 R=204 G=204 B=102 |
#66FF66 R=102 G=255 B=102 |
#FF99CC R=255 G=153 B=204 |
#99CCCC R=153 G=204 B=204 |
#33FFCC R=051 G=255 B=204 |
#CCCC33 R=204 G=204 B=051 |
#66FF33 R=102 G=255 B=051 |
|||||||||
|
||||||||||||||||
| 6 | |
|
|
|
|
|
|
|
||||||||
| #FF9999 R=255 G=153 B=153 |
#99CC99 R=153 G=204 B=153 |
#33FF99 R=051 G=255 B=153 |
#CCCC00 R=204 G=204 B=000 |
#66FF00 R=102 G=255 B=000 |
#CC99FF R=204 G=153 B=255 |
#66CCFF R=102 G=204 B=255 |
#00FFFF R=000 G=255 B=255 |
|
||||||||||||||||
| 7 | |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| #FF9966 R=255 G=153 B=102 |
#99CC66 R=153 G=204 B=102 |
#33FF66 R=051 G=255 B=102 |
#CC99CC R=204 G=153 B=204 |
#66CCCC R=102 G=204 B=204 |
#00FFCC R=000 G=255 B=204 |
#FF9933 R=255 G=153 B=051 |
#99CC33 R=153 G=204 B=051 |
|||||||||
|
||||||||||||||||
| 8 | |
|
|
|
|
|
|
|
||||||||
| #33FF33 R=051 G=255 B=051 |
#CC9999 R=204 G=153 B=153 |
#66CC99 R=102 G=204 B=153 |
#00FF99 R=000 G=255 B=153 |
#FF9900 R=255 G=153 B=000 |
#99CC00 R=153 G=204 B=000 |
#33FF00 R=051 G=255 B=000 |
#FF66FF R=255 G=102 B=255 |
|||||||||
|
||||||||||||||||
| 9 | |
|
|
|
|
|
|
|
||||||||
| #9999FF R=153 G=153 B=255 |
#33CCFF R=051 G=204 B=255 |
#CC9966 R=204 G=153 B=102 |
#66CC66 R=102 G=204 B=102 |
#00FF66 R=000 G=255 B=102 |
#FF66CC R=255 G=102 B=204 |
#9999CC R=153 G=153 B=204 |
#33CCCC R=051 G=204 B=204 |
|
||||||||||||||||
| 10 | |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| #CC9933 R=204 G=153 B=051 |
#66CC33 R=102 G=204 B=051 |
#00FF33 R=000 G=255 B=051 |
#FF6699 R=255 G=102 B=153 |
#999999 R=153 G=153 B=153 |
#33CC99 R=051 G=204 B=153 |
#CC9900 R=204 G=153 B=000 |
#66CC00 R=102 G=204 B=000 |
|||||||||
|
||||||||||||||||
| 11 | |
|
|
|
|
|
|
|
||||||||
| #00FF00 R=000 G=255 B=000 |
#CC66FF R=204 G=102 B=255 |
#6699FF R=102 G=153 B=255 |
#00CCFF R=000 G=204 B=255 |
#FF6666 R=255 G=102 B=102 |
#999966 R=153 G=153 B=102 |
#33CC66 R=051 G=204 B=102 |
#CC66CC R=204 G=102 B=204 |
|||||||||
|
||||||||||||||||
| 12 | |
|
|
|
|
|
|
|
||||||||
| #6699CC R=102 G=153 B=204 |
#00CCCC R=000 G=204 B=204 |
#FF6633 R=255 G=102 B=051 |
#999933 R=153 G=153 B=051 |
#33CC33 R=051 G=204 B=051 |
#CC6699 R=204 G=102 B=153 |
#669999 R=102 G=153 B=153 |
#00CC99 R=000 G=204 B=153 |
|
||||||||||||||||
| 13 | |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| #FF6600 R=255 G=102 B=000 |
#999900 R=153 G=153 B=000 |
#33CC00 R=051 G=204 B=000 |
#FF33FF R=255 G=051 B=255 |
#9966FF R=153 G=102 B=255 |
#3399FF R=051 G=153 B=255 |
#CC6666 R=204 G=102 B=102 |
#669966 R=102 G=153 B=102 |
|||||||||
|
||||||||||||||||
| 14 | |
|
|
|
|
|
|
|
||||||||
| #00CC66 R=000 G=204 B=102 |
#FF33CC R=255 G=051 B=204 |
#9966CC R=153 G=102 B=204 |
#3399CC R=051 G=153 B=204 |
#CC6633 R=204 G=102 B=051 |
#669933 R=102 G=153 B=051 |
#00CC33 R=000 G=204 B=051 |
#FF3399 R=255 G=051 B=153 |
|||||||||
|
||||||||||||||||
| 15 | |
|
|
|
|
|
|
|
||||||||
| #996699 R=153 G=102 B=153 |
#339999 R=051 G=153 B=153 |
#CC6600 R=204 G=102 B=000 |
#669900 R=102 G=153 B=000 |
#00CC00 R=000 G=204 B=000 |
#CC33FF R=204 G=051 B=255 |
#6666FF R=102 G=102 B=255 |
#0099FF R=000 G=153 B=255 |
|
||||||||||||||||
| 16 | |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| #FF3366 R=255 G=051 B=102 |
#996666 R=153 G=102 B=102 |
#339966 R=051 G=153 B=102 |
#CC33CC R=204 G=051 B=204 |
#6666CC R=102 G=102 B=204 |
#0099CC R=000 G=153 B=204 |
#FF3333 R=255 G=051 B=051 |
#996633 R=153 G=102 B=051 |
|||||||||
|
||||||||||||||||
| 17 | |
|
|
|
|
|
|
|
||||||||
| #339933 R=051 G=153 B=051 |
#CC3399 R=204 G=051 B=153 |
#666699 R=102 G=102 B=153 |
#009999 R=000 G=153 B=153 |
#FF3300 R=255 G=051 B=000 |
#996600 R=153 G=102 B=000 |
#339900 R=051 G=153 B=000 |
#FF00FF R=255 G=000 B=255 |
|||||||||
|
||||||||||||||||
| 18 | |
|
|
|
|
|
|
|
||||||||
| #9933FF R=153 G=051 B=255 |
#3366FF R=051 G=102 B=255 |
#CC3366 R=204 G=051 B=102 |
#666666 R=102 G=102 B=102 |
#009966 R=000 G=153 B=102 |
#FF00CC R=255 G=000 B=204 |
#9933CC R=153 G=051 B=204 |
#3366CC R=051 G=102 B=204 |
|
||||||||||||||||
| 19 | |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| #CC3333 R=204 G=051 B=051 |
#666633 R=102 G=102 B=051 |
#009933 R=000 G=153 B=051 |
#FF0099 R=255 G=000 B=153 |
#993399 R=153 G=051 B=153 |
#336699 R=051 G=102 B=153 |
#CC3300 R=204 G=051 B=000 |
#666600 R=102 G=102 B=000 |
|||||||||
|
||||||||||||||||
| 20 | |
|
|
|
|
|
|
|
||||||||
| #009900 R=000 G=153 B=000 |
#CC00FF R=204 G=000 B=255 |
#6633FF R=102 G=051 B=255 |
#0066FF R=000 G=102 B=255 |
#FF0066 R=255 G=000 B=102 |
#993366 R=153 G=051 B=102 |
#336666 R=051 G=102 B=102 |
#CC00CC R=204 G=000 B=204 |
|||||||||
|
||||||||||||||||
| 21 | |
|
|
|
|
|
|
|
||||||||
| #6633CC R=102 G=051 B=204 |
#0066CC R=000 G=102 B=204 |
#FF0033 R=255 G=000 B=051 |
#993333 R=153 G=051 B=051 |
#336633 R=051 G=102 B=051 |
#CC0099 R=204 G=000 B=153 |
#663399 R=102 G=051 B=153 |
#006699 R=000 G=102 B=153 |
|
||||||||||||||||
| 22 | |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| #FF0000 R=255 G=000 B=000 |
#993300 R=153 G=051 B=000 |
#336600 R=051 G=102 B=000 |
#9900FF R=153 G=000 B=255 |
#3333FF R=051 G=051 B=255 |
#CC0066 R=204 G=000 B=102 |
#663366 R=102 G=051 B=102 |
#006666 R=000 G=102 B=102 |
|||||||||
|
||||||||||||||||
| 23 | |
|
|
|
|
|
|
|
||||||||
| #9900CC R=153 G=000 B=204 |
#3333CC R=051 G=051 B=204 |
#CC0033 R=204 G=000 B=051 |
#663333 R=102 G=051 B=051 |
#006633 R=000 G=102 B=051 |
#990099 R=153 G=000 B=153 |
#333399 R=051 G=051 B=153 |
#CC0000 R=204 G=000 B=000 |
|||||||||
|
||||||||||||||||
| 24 | |
|
|
|
|
|
|
|
||||||||
| #663300 R=102 G=051 B=000 |
#006600 R=000 G=102 B=000 |
#6600FF R=102 G=000 B=255 |
#0033FF R=000 G=051 B=255 |
#990066 R=153 G=000 B=102 |
#333366 R=051 G=051 B=102 |
#6600CC R=102 G=000 B=204 |
#0033CC R=000 G=051 B=204 |
|
||||||||||||||||
| 25 | |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| #990033 R=153 G=000 B=051 |
#333333 R=051 G=051 B=051 |
#660099 R=102 G=000 B=153 |
#003399 R=000 G=051 B=153 |
#990000 R=153 G=000 B=000 |
#333300 R=051 G=051 B=000 |
#3300FF R=051 G=000 B=255 |
#660066 R=102 G=000 B=102 |
|||||||||
|
||||||||||||||||
| 26 | |
|
|
|
|
|
|
|
||||||||
| #003366 R=000 G=051 B=102 |
#3300CC R=051 G=000 B=204 |
#660033 R=102 G=000 B=051 |
#003333 R=000 G=051 B=051 |
#330099 R=051 G=000 B=153 |
#660000 R=102 G=000 B=000 |
#003300 R=000 G=051 B=000 |
#0000FF R=000 G=000 B=255 |
|||||||||
|
||||||||||||||||
| 27 | |
|
|
|
|
|
|
|
||||||||
| #330066 R=051 G=000 B=102 |
#0000CC R=000 G=000 B=204 |
#330033 R=051 G=000 B=051 |
#000099 R=000 G=000 B=153 |
#330000 R=051 G=000 B=000 |
#000066 R=000 G=000 B=102 |
#000033 R=000 G=000 B=051 |
#000000 R=000 G=000 B=000 |
To the top of this page
References
The following are documents and software related to browser-safe colors:
- Lynda Weinman & Bruce Heavin, "Coloring Web Graphics", New Riders Publishing, 1996. (Second Edition "Coloring Web Graphics.2", New Riders Publishing, 1997)
A famous book based on browser-safe colors used for designing web graphics.
The chart of 216 browser-safe colors is included in the book with a detailed explanation of the browser-safe colors.
- A 256-color pallet attached to graphic software Paint Shop Pro.
The 256-color pallet of Paint Shop Pro is composed of 216 browser-safe colors. All of its remaining 40 colors (256-216=40) corresponds to black (#000000).
Currently the author is using Paint Shop Pro Ver. 6.02 (Japanese version).
To English Contents: 
(Ver. 1.02 2007/04/22)
Copyright (c) Koichi Horiba, 2007