Web Safe Colours

Here is a chart of 216 web safe, or 'non-dithering' colours. What this means is that the colors will look correct on all browsers and all computer screen resolution settings assuming a video colour capability of at least 256 colours. Tests have shown that Internet Explorer used in the Windows platform does not properly render four of these colors and they are marked with an asterisk (*).

Note: If your monitor is misaligned, your colours may appear dull or too bright. Click here to view utilities on monitor setup.

What is Dithering?

We've all seen colours created by what appeared to be one solid colour and then a few lighter coloured dots blended in. The colours may look blotchy or just full of dots but not a solid colour. We have seen the same problem when printing things as well. Some colours are made up of multiple colours sprinkled together so that your eye blends or dithers the colours, so that you see only one. Unfortunately with some of the resolution and colour settings used we don't see the intended blend, but rather the dots and splotches. It comes from placing the dots together and not truly mixing them.

The colours in the following chart give smooth colours on web pages because these are the 216 colours used to make up the Windows and Macintosh colour palettes. All the other colours are achieved by mixing or dithering these colours.

The numbers shown in each colour swatch are the hexadecimal numbers you need to use in your web page to display the corresponding colour. Note that each one is made using the hexadecimal values 00, 33, 66, 99, CC, and FF which represent corresponding intensities of the three primary colours RED, GREEN, and BLUE. The value 00 represents a total absense of that particular colour and the value FF represents all you can get of it.

Hexadecimal is a numbering system used with computers and provides a way to represent the values formed by four bits at a time with two hexadecimal values representing 16 bits. In hexadecimal you count 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.

FFFFFF
White
FFFFCC FFFF99 FFFF66 FFFF33

FFFF00
Yellow

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
Magenta
FF00CC FF0099 FF0066 FF0033 FF0000
Red
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 3393333 333300
3300FF* 3300CC 330099 3390066 330033 330000
00FFFF
Cyan
00FFCC 00FF99 00FF66 00FF33* 00FF00
Green
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
Blue
0000CC 000099 000066 000033 000000
Black

Return to Utilities

Profile
Collections
Articles
Downloads
Image Library
Utilities
Design
Client Login
Contact