Audience Dialogue

Web colours

1. Websafe colours

Here's a table of the 216 "web safe" colours that work on all browser versions, with old SVGA monitors that can show only 256 colours. Though most users now have screens that can show "thousands of colours" or more, it's not a bad idea to stick to these colours on web pages, specially for text in small sizes. For maximum readability, if you choose a background colour with an RGB code that's shown in black text in this table, use a text colour whose RGB code appears in white - and vice versa. See also our page of pale background colours.

000000
black
003300 006600 009900 00CC00 00FF00
lime
000033 003333 006633 009933 00CC33 00FF33
000066
 
003366 006666 009966 00CC66 00FF66 000099 003399 006699 009999 00CC99 00FF99
0000CC 0033CC 0066CC 0099CC 00CCCC 00FFCC 0000FF
blue
0033FF 0066FF 0099FF 00CCFF 00FFFF
cyan
330000
 
333300 336600 339900 33CC00 33FF00 330033 333333 336633 339933 33CC33 33FF33
330066
 
333366 336666 339966 33CC66 33FF66 330099 333399 336699 339999 33CC99 33FF99
3300CC
 
3333CC 3366CC 3399CC 33CCCC 33FFCC 3300FF 3333FF 3366FF 3399FF 33CCFF 33FFFF
660000
 
663300 666600 669900 66CC00 66FF00 660033 663333 666633 669933 66CC33 66FF33
660066
 
663366 666666 669966 66CC66 66FF66 660099 663399 666699 669999 66CC99 66FF99
6600CC
 
6633CC 6666CC 6699CC 66CCCC 66FFCC 6600FF 6633FF 6666FF 6699FF 66CCFF 66FFFF
990000
 
993300 996600 999900 99CC00 99FF00 990033 993333 996633 999933 99CC33 99FF33
990066
 
993366 996666 999966 99CC66 99FF66 990099 993399 996699 999999 99CC99 99FF99
9900CC
 
9933CC 9966CC 9999CC 99CCCC 99FFCC 9900FF 9933FF 9966FF 9999FF 99CCFF 99FFFF
CC0000
 
CC3300 CC6600 CC9900 CCCC00 CCFF00 CC0033 CC3333 CC6633 CC9933 CCCC33 CCFF33
CC0066
 
CC3366 CC6666 CC9966 CCCC66 CCFF66 CC0099 CC3399 CC6699 CC9999 CCCC99 CCFF99
CC00CC
 
CC33CC CC66CC CC99CC CCCCCC CCFFCC CC00FF CC33FF CC66FF CC99FF CCCCFF CCFFFF
FF0000
red
FF3300 FF6600 FF9900 FFCC00 FFFF00
yellow
FF0033 FF3333 FF6633 FF9933 FFCC33 FFFF33
FF0066
 
FF3366 FF6666 FF9966 FFCC66 FFFF66 FF0099 FF3399 FF6699 FF9999 FFCC99 FFFF99
FF00CC FF33CC FF66CC FF99CC FFCCCC FFFFCC FF00FF
fuchsia
FF33FF FF66FF FF99FF FFCCFF FFFFFF
white

Named colours

These colour names (also shown in the above table) will work in any browser, even very old ones:

FFFFFF
white
FFFF00
yellow
00FFFF
cyan
= aqua
00FF00
lime
FF00FF
fuchsia
= magenta
0000FF
blue
FF0000
red
000000
black

Finally, some other commonly used colours. The top one in each pair is specified by colour name, the lower one by code number. The two should look identical. If they are different, you have a browser compatibility problem, and it will be best to avoid using that name...


ivory

beige

linen

wheat

lavender

pink

aquamarine

silver
FFFFF0
 
F5F5DC FAF0E6 F5DEB3 E6E6FA FFC0CB 7FFFD4 C0C0C0

khaki

palegreen

lawngreen

turquoise

springgreen

gold

tan

cornflowerblue
F0E68C
 
98FB98 7CFC00 40E0D0 00FF74 FFD700 D2B48C 6495ED

hotpink

salmon

coral

plum

violet

orchid

orange

tomato
FF69B4
 
FA8072 FF7F50 DDA0DD EE72EE DA70D6 FFA500 FF6347

gray

chocolate

sienna

steelblue

teal

seagreen

olive

green
808080
 
D2691E A0522D 4682B4 008080 2E8B57 808000 008000

crimson

brown

maroon

darkgreen

purple

indigo

darkblue

navy
DC143C
 
A52A2A 800000 006400 800080 4682B4 00008B 000080

There are 100-odd other colournames you can use, but if you're not sure what the colour name means, that defeats the purpose of using names - e.g. what colour is "gainsboro"? And, come to think of it, don't orchids (shown above as light purple) flower in many different colours? At least if you stick with the RGB code it will be consistent between browsers - though different computer screens will display slightly different shades of a specified colour.