Prestwood IT: Browser Safe Colors: Light to Dark (Website Design & Hosting)

Design

	Design Group Home
Get Started Page eMag: Design Edition Highlights WEEKLYLESSON Week 39 Lesson MYGROUPSETTINGS My Group Settings

	Message Board
-New Activity -Unanswered Threads -Most Active Threads -Most Read Threads

	Design KB
-New & Updated -Most Read -10 Min Quickstarts -Recent Comments Tech Articles Design News File Library Resource Links DESIGNTIDBITS: All as FlashCards Code Snippets FAQs Tips Terms & Definitions

	Design Store
PRESTWOODSTORE Store Home Buy Design Items

	Members Only
MEMBERSONLY Design Member List Member Only KB Posts Design Content Stats Random Article Random MB Thread Random Tidbit

Prestwood eMagazine

October Edition

Subscribe now! It's Free!

► KB ► Website Design ► MS Frontpage

Print This

From the May 2009 Issue of Prestwood eMag

Design MS Frontpage:

Browser Safe Colors: Light to Dark

By Mike Prestwood

Posted 21 years ago on 3/18/2003 and updated 7/13/2007

Take Away: Browser safe colors consist of 216 colors that have been agreed upon and should look good on any type of monitor capable of displaying 256 colors or higher.

Tags: browser safe colors , html safe colors , standard colors

KB100155

Also available by By Intensity

The Problem

Various operating systems render colors slightly differently. In addition, applications (like browsers) are responsible for dithering colors that are not in the current palette. Although this is a problem for all color palettes (including palette's that are set greater than 256 colors), this problem becomes even worse when the color palette of the video card is set to 256 or less colors.

The Solution

Browser safe colors consist of 216 colors that have been agreed upon and should look good on any type of monitor capable of displaying 256 colors or higher. The palette of browser safe colors is made up by mixing 6 red values, 6 green values, and 6 blue values. Also known as the 6x6x6 RGB palette.

The RGB values used in HTML are always hexadecimal numbers 00,33,66,99,CC, and FF. (Hexadecimal is a base 16 numbering method used by computers.)

Decimal	Hexadecimal
000	00
051	33
102	66
153	99
204	CC
255	FF

Knowing the pattern of numeric values is useful because you can check your HTML code to make sure that your background, font, and image colors are browser safe.

Browser Safe Colors

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 = 051	FFFF00 R = 255 G = 255 B = 000
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 = 051	CCFF00 R = 204 G = 255 B = 000
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 = 051	99FF00 R = 153 G = 255 B = 000
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 = 051	66FF00 R = 102 G = 255 B = 000
33FFFF R = 051 G = 255 B = 255	33FFCC R = 051 G = 255 B = 204	33FF99 R = 051 G = 255 B = 153	33FF66 R = 051 G = 255 B = 102	33FF33 R = 051 G = 255 B = 051	33FF00 R = 051 G = 255 B = 000
00FFFF R = 000 G = 255 B = 255	00FFCC R = 000 G = 255 B = 204	00FF99 R = 000 G = 255 B = 153	00FF66 R = 000 G = 255 B = 102	00FF33 R = 000 G = 255 B = 051	00FF00 R = 000 G = 255 B = 000
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 = 051	FFCC00 R = 255 G = 204 B 000
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 = 051	CCCC00 R = 204 G = 204 B = 000
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 = 051	99CC00 R = 153 G = 204 B = 000
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 = 051	66CC00 R = 102 G = 204 B = 000
33CCFF R = 051 G = 204 B = 255	33CCCC R = 051 G = 204 B = 204	33CC99 R = 051 G = 204 B = 153	33CC66 R = 051 G = 204 B = 102	33CC33 R = 051 G = 204 B = 051	33CC00 R = 051 G = 204 B = 000
00CCFF R = 000 G = 204 B = 255	00CCCC R = 000 G = 204 B = 204	00CC99 R = 000 G = 204 B = 153	00CC66 R = 000 G = 204 B = 102	00CC33 R = 000 G = 204 B = 051	00CC00 R = 000 G = 204 B = 000
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 = 051	FF9900 R = 255 G = 153 B = 000
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 = 051	CC9900 R = 204 G = 153 B = 000
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 = 051	999900 R = 153 G = 153 B = 000
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 = 051	669900 R = 102 G = 153 B = 000
3399FF R = 051 G = 153 B = 255	3399CC R = 051 G = 153 B = 204	339999 R = 051 G = 153 B = 153	339966 R = 051 G = 153 B = 102	339933 R = 051 G = 153 B = 051	339900 R = 051 G = 153 B = 000
0099FF R = 000 G = 153 B = 255	0099CC R = 000 G = 153 B = 204	009999 R = 000 G = 153 B = 153	009966 R = 000 G = 153 B = 102	009933 R = 000 G = 153 B = 051	009900 R = 000 G = 153 B = 000
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 = 051	FF6600 R = 255 G = 102 B = 000
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 = 051	CC6600 R = 204 G = 102 B = 000
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 = 051	996600 R = 153 G = 102 B = 000
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 = 051	666600 R = 102 G = 102 B = 000
3366FF R = 051 G = 102 B = 255	3366CC R = 051 G = 102 B = 204	336699 R = 051 G = 102 B = 153	336666 R = 051 G = 102 B = 102	336633 R = 051 G = 102 B = 051	336600 R = 051 G = 102 B = 000
0066FF R = 000 G = 102 B = 255	0066CC R = 000 G = 102 B = 204	006699 R = 000 G = 102 B = 153	006666 R = 000 G = 102 B = 102	006633 R = 000 G = 102 B = 051	006600 R = 000 G = 102 B = 000
FF33FF R = 255 G = 051 B = 255	FF33CC R = 255 G = 051 B = 204	FF3399 R = 255 G = 051 B = 153	FF3366 R = 255 G = 051 B = 102	FF3333 R = 255 G = 051 B = 051	FF3300 R = 255 G = 051 B = 000
CC33FF R = 204 G = 051 B = 255	CC33CC R = 204 G = 051 B = 204	CC3399 R = 204 G = 051 B = 153	CC3366 R = 204 G = 051 B = 102	CC3333 R = 204 G = 051 B = 051	CC3300 R = 204 G = 051 B = 000
9933FF R = 153 G = 051 B = 255	9933CC R = 153 G = 051 B = 204	993399 R = 153 G = 051 B = 153	993366 R = 153 G = 051 B = 102	993333 R = 153 G = 051 B = 051	993300 R = 153 G = 051 B = 000
6633FF R = 102 G = 051 B = 255	6633CC R = 102 G = 051 B = 204	663399 R = 102 G = 051 B = 153	663366 R = 102 G = 051 B = 102	663333 R = 102 G = 051 B = 051	663300 R = 102 G = 051 B = 000
3333FF R = 051 G = 051 B = 255	3333CC R = 051 G = 051 B = 204	333399 R = 051 G = 051 B = 153	333366 R = 051 G = 051 B = 102	333333 R = 051 G = 051 B = 051	333300 R = 051 G = 051 B = 000
0033FF R = 000 G = 051 B = 255	0033CC R = 000 G = 051 B = 204	003399 R = 000 G = 051 B = 153	003366 R = 000 G = 051 B = 102	003333 R = 000 G = 051 B = 051	003300 R = 000 G = 051 B = 000
FF00FF R = 255 G = 000 B = 255	FF00CC R = 255 G = 000 B = 204	FF0099 R = 255 G = 000 B = 153	FF0066 R = 255 G = 000 B = 102	FF0033 R = 255 G = 000 B = 051	FF0000 R = 255 G = 000 B = 000
CC00FF R = 204 G = 000 B = 255	CC00CC R = 204 G = 000 B = 204	CC0099 R = 204 G = 000 B = 153	CC0066 R = 204 G = 000 B = 102	CC0033 R = 204 G = 000 B = 051	CC0000 R = 204 G = 000 B = 000
9900FF R = 153 G = 000 B = 255	9900CC R = 153 G = 000 B = 204	990099 R = 153 G = 000 B = 153	990066 R = 153 G = 000 B = 102	990033 R = 153 G = 000 B = 051	990000 R = 153 G = 000 B = 000
6600FF R = 102 G = 000 B = 255	6600CC R = 102 G = 000 B = 204	660099 R = 102 G = 000 B = 153	660066 R = 102 G = 000 B = 102	660033 R = 102 G = 000 B = 051	660000 R = 102 G = 000 B = 000
3300FF R = 051 G = 000 B = 255	3300CC R = 051 G = 000 B = 204	330099 R = 051 G = 000 B = 153	330066 R = 051 G = 000 B = 102	330033 R = 051 G = 000 B = 051	330000 R = 051 G = 000 B = 000
0000FF R = 000 G = 000 B = 255	0000CC R = 000 G = 000 B = 204	000099 R = 000 G = 000 B = 153	000066 R = 000 G = 000 B = 102	000033 R = 000 G = 000 B = 051	000000 R = 000 G = 000 B = 000

Comments

0 Comments.

Share a thought or comment...

KB Post Contributed By Mike Prestwood:

Mike Prestwood is a drummer, an author, and creator of the PrestwoodBoards online community. He is the President & CEO of Prestwood IT Solutions. Prestwood IT provides Coding, Website, and Computer Tech services. Mike has authored 6 computer books and over 1,200 articles. As a drummer, he maintains play-drums.com and has authored 3 drum books. If you have a project you wish to discuss with Mike, you can send him a private message through his PrestwoodBoards home page or call him 9AM to 4PM PST at 916-726-5675 x205.

Visit Profile

KB Article #100155 Counter

10903

Since 4/2/2008